Jen: CSS Layout im IE

Beitrag lesen

SELF-Forum

CSS Layout im IE

Jen
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich hab mal wieder ein Problem mit meinem CSS-Layout.
Da ich ja noch ein ziehmlicher Anfäger bin, komm ich leider nicht mehr weiter.

Im Firefox und im Opera wird mir alles richtig angezeigt aber im Internetexplorer ist alles verschoben.
Das Div mit dem Inhalt wird z. B. komplett nach unten verschoben.

Mein Quellcode sieht wie folgt aus:

index:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
       "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Test</title>  
<link rel=stylesheet type="text/css" href="./css/format.css">  
  
</head>  
<body>  
  <div id="banner"><img src="./pics/banner.bmp"></div>  
  
  <div>  
  <ul id="Navigation">  
<br>  
<br>  
<li id="li">Navigation</a></li>  
  </div>  
  
  <div id="Inhalt">  
  <h1>Test</h1>  
  </div>  
  
</body>  
</html>

css:

  
body {  
    font-family: arial;  
    color: #FFFFFF;  
    background-color:#000000 ;  
    margin: 0; padding: 1em;  
    font-size: 100.01%;  
    }  
  
div#banner {  
    margin: 0 0 1em;  
    text-align: left;  
    width: 1245px;  
    background-color: #000000;  
    border: 1px; border-color:#ffffff; border-style: solid;  
   }  
  
  ul#Navigation {  
    font-size: 330;  
    float: left; width: 19.95em;  
    margin: 0 0 0; padding: 0;  
    border: 1px; border-color:#ffffff; border-style: solid;  
    height:597px;  
    }  
  
 ul#Navigation li {  
    list-style: none;  
    margin: 0; padding:0 0 0 3em;  
    }  
  
 #li {  
    font-weight:bold;  
    }  
  
  a:link { color:#ffffff; font-family: arial; text-decoration: none;}  
  a:visited { color:#ffffff; font-family: arial; text-decoration: none;}  
  a:hover { color: #7b7b7b; text-decoration:none; }  
  a:active { color: #7b7b7b; text-decoration:none; }  
  
div#Inhalt {  
  margin-left: 21;  
  padding: 1em 3em;  
  border: 1px; border-color:#ffffff; border-style: solid;  
  min-width: 51.8em;  
  height:565px;  
  }

Bitte hilft mir, was ich zusätzlich angeben bzw. verändern muss.

Vielen Dank

lg Jen

Beitrag melden
–
Informationen zu den Bewertungsregeln