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:
Kann mir vielleicht jemand bitte einen Tipp geben woran das liegen könnte?
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?