Hallo zusammen, ich schaffe es einfach nicht...
Ich möchte einen DIV-Container mit 900px zentrieren und darin 3 weitere DIV-Container nebeneinander platzieren.
Wenn ich das "float left" bei "Container" rausnehme und gegen "margin: auto;" ersetze klappt es beim explorer aber nicht beim Firefox.
Ich brauche das "float left" anscheinend für den Firefox, da er die drei Divs ohne "float left" außerhalb des "Containers" platziert.
Wenn ich bei "Container" das "float left" und "margin: auto;" nehme geht es auch nicht.
CSS:
.container {
border: 1px solid green;
background: red;
width: 900px;
float: left;
}
.main-left {
background: silver;
border: 1px solid black;
width: 240px;
height: 400px;
float: left;
}
.main-center {
background: silver;
border: 1px solid black;
width: 440px;
height: 400px;
float: left;
}
.main-right {
background: silver;
border: 1px solid black;
width: 180px;
height: 400px;
float: right;
}
HTML:
<div class="container">
<div class="main-left">left</div>
<div class="main-center">center</div>
<div class="main-right">right</div>
</div>
