Div Container Probleme mit IE 9

sunbrust

Grünschnabel
Hallo Leute,

ich habe mich bereits ein bisschen durch dieses Forum gelesen und habe es dank dessen geschafft,
2 div container nebeneinander zu positionieren.
Nun ist mein Problem folgendes: Der IE 9 zeigt die Container trotzdem noch untereinander an.
Bei Firefox läuft alles problemlos.

Hier der Code:

Code:
<html>
<head>
<style>
body{
background-color: #CCCCCC;
margin: 0;
padding: 0;
color: #000000;
font-family: Verdana, Arial, Helvetica;
font-size: 11px;
text-align: left;
}

#box {
width: 780px;
background-color: blue;
border: 1px solid #000000;
margin: auto;
text-align: left;
}

#header { 
height: 150px;
background: grey;

}
div#nav, div#content  { 
width: 150px;
height: 150px;
background: yellow;
float: left;
}
div#content { background: white; width: 630px;
}
div#footer { clear: left; background: green; height: 25px;
}
</style>
</head>
<body>
<div id="box">
<div id="header"></div>
<div id="nav"></div>
<div id="content">hallo</div>
<div id="footer"></div>


</div>
</body>
</html>

Kann mir vielleicht jemand bitte einen Tipp geben woran das liegen könnte?
 
Hallo,

du müsstest eine Dokumenttypdeklaration in die erste Zeile deines Dokuments setzen, dann wird es im Standardmodus angezeigt.
Ansonsten wird es vom Internet-Explorer wie IE5 dargestellt (Quirksmodus).
 

Neue Beiträge

Zurück