robert: IE Ok , FF NOK

SELF-Forum

IE Ok , FF NOK

robert
– Informationen zu den Bewertungsregeln

Hallo zusammen.
Möchte zum ersten Mal ein CMS aufsetzten , notwendig dazu ist ein reines CSS Layout.
Ich beiße mich grade durch di eTechnik durch und an sich habe ich es auch geschafft, bis ich mir den Code im FF 2.0 anzeigen ließ.
Im IE passt es .

Sieht jemmand den Fehler , oder die Stelle mit den FF Probleme hat?Hier der Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
 <title>h</title>
<style type="text/css" media="screen">
 body
 {
  margin: 0;
  padding: 0;
  font: 85% arial, hevetica, sans-serif;
  text-align: center;
  color: #505367;
  background-color: #D6D6D6;
 }

#container
 {
  margin: 1em auto;
  width: 800px;
  height:100px;
  text-align: left;
  background-color: red;
  border: 10px solid black;
 }

#logo
  {
     margin-top:20px;
     margin-left: 10px;
    margin-right: 10px;
    float:left;
    width: 150px;
    height : 130px;
    background-color:#82c9fd;
   }

#banner
   { margin-top:20px;
   width: 600px;
   height: 100px;
   background-color: green;
   }

#mainnav
   {margin-top:10px;
   height: 20px;
   width: 600px;
   background-color: gray;
   }

#menu
   {margin-top:20px;
   margin-left:10px;

float:left;
   width: 150px;
   height: 200px;
   background-color: yellow;
   }

#contents
   {
   float:left;
   margin-top:20px;
   margin-left: 20px;
   height: 420px;
   width:400px;
   background-color: aqua;
   }

#login
   {margin-top:20px;
   margin-right:10px;
   float: right;
     width: 150px;
     height: 100px;
     background-color: white;
    }

#footer {
   clear: both;
   height: 20px;
   background-color: lime;
   }

</style>
</head>
<body>
<div id="container">
 <div id="logo">logo</div>
 <div id="banner">banner</div>
 <div id="mainnav">mainnav</div>
 <div id="menu">menu</div>
 <div id="contents">contens</div>
 <div id="login">login</div>
 <div id="footer">footer</div>
</div> <!-- /container -->
</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE Ok , FF NOK

    Engin Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Sieht jemmand den Fehler , oder die Stelle mit den FF Probleme hat?Hier der Code:

    Hier mein Rateversuch.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html lang="en">
    <head>
     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
     <title>h</title>
    <style type="text/css" media="screen">
     body
     {
      margin: 0;
      padding: 0;
      font: 85% arial, hevetica, sans-serif;
      text-align: center;
      color: #505367;
      background-color: #D6D6D6;
     }

    #container
     {
      margin: 1em auto;
      width: 800px;
      height:auto;
      text-align: left;
      background-color: red;
      border: 10px solid black;
     }

    #logo
      {
         margin-top:20px;
         margin-left: 10px;
        margin-right: 10px;
        float:left;
        width: 150px;
        height : 130px;
        background-color:#82c9fd;
       }

    #banner
       { margin-top:20px;
         margin-left:180px;
       width: 600px;
       height: 100px;
       background-color: green;
       }

    #mainnav
       {margin-top:10px;
        margin-left:180px;
       height: 20px;
       width: 600px;
       background-color: gray;
       }

    #menu
       {margin-top:20px;
       margin-left:10px;

    float:left;
       width: 150px;
       height: 200px;
       background-color: yellow;
       }

    #contents
       {
       float:left;
       margin-top:20px;
       margin-left: 20px;
       height: 420px;
       width:400px;
       background-color: aqua;
       }

    #login
       {margin-top:20px;
       margin-right:10px;
       float: right;
         width: 150px;
         height: 100px;
         background-color: white;
        }

    #footer {
       clear: both;
       height: 20px;
       background-color: lime;
       }

    </style>
    </head>
    <body>
    <div id="container">
     <div id="logo">logo</div>
     <div id="banner">banner</div>
     <div id="mainnav">mainnav</div>
     <div id="menu">menu</div>
     <div id="contents">contens</div>
     <div id="login">login</div>
     <div id="footer">footer</div>
    </div> <!-- /container -->
    </body>
    </html>

    Grüße,
    Engin
     GYRO

    --
    Dilated peoples|Team Vestax
    Gibst du einem Mann einen Fisch, nährt er sich einmal. Lehrst du ihn das Fischen, nährt er sich sein ganzes Leben.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. IE Ok , FF NOK

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Ich beiße mich grade durch di eTechnik durch und an sich habe ich es auch geschafft, bis ich mir den Code im FF 2.0 anzeigen ließ.
    Im IE passt es .

    D.h. vermutlich, daß der Fehler beim IE liegt.

    Sieht jemmand den Fehler , oder die Stelle mit den FF Probleme hat?

    Welches Problem?
    Du erwähnst keins.

    font: 85% arial, hevetica, sans-serif;

    hevetica: noch nie gehört. Meinst Du helvetica?

    Da diverse vertikale margins erwähnt sind, rate ich mal: es geht um die Fehlinterpretation des IE bezügl. der collapsing margins.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. IE Ok , FF NOK

    Robert
    – Informationen zu den Bewertungsregeln

    Wow.
    Super.

    Funzt.

    Sehe ich das Richtig , das du nur im #banner , #navmenu ein margin-left gesetzt hast?

    Danke Engin

    @ MudGurad , naja , ich hatte an sich gadacht das Ihr Euch den Code in eine ht, datei kopiert und anschaut. Ich bin nicht auf die Idee gekommen , das man den Inhalt auch im Kopf überprüfen kann.

    Nochmals Danke

    Robert

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE Ok , FF NOK

      Engin Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Sehe ich das Richtig , das du nur im #banner , #navmenu ein margin-left gesetzt hast?

      und dem

      #container
       {
        margin: 1em auto;
        width: 800px;
        height:100px;
        text-align: left;
        background-color: red;
        border: 10px solid black;
       }

      ein height:auto;

      Danke Engin

      Gerne doch :)

      Ich bin nicht auf die Idee gekommen , das man den Inhalt auch im Kopf überprüfen kann.

      So lösen es die Experten ;) Ich lerne noch.

      Grüße,
      Engin
       GYRO

      --
      Dilated peoples|Team Vestax
      Gibst du einem Mann einen Fisch, nährt er sich einmal. Lehrst du ihn das Fischen, nährt er sich sein ganzes Leben.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln