Hallo soel
nun ergab sich aber ein nächstes problem, der ie und opera stellt alles so dar wie ich es möchte, im firefox dagegen hat der div "inhalt" plötzlich keine farbe mehr bzw wir nicht dargestellt????? ehhhh was ist denn da nur los????
Ich kann dir zwar im Moment nicht sagen, warum genau er es so darstellt. Mit border-bottom für .inhalt passiert dies nicht mehr, allerdings ist weder das noch das zusätzliche div mit clear:both wirklich nötig.
Nun grundsätzlich:
</head>
<body>
<div class="weiss_horizontal"></div>
^^
Kommt hier noch irgendwelcher Inhalt rein?
<div class="grau">
Kommt hier noch irgendwelcher Inhalt rein?
<div class="grau_01"></div></div>
^^
Kommt hier ...?
<div class="weiss_horizontal"></div>
^^
Kommt hier ...?
<div class="inhalt">
<div class="news"></div>
<div class="box"></div>
<div style="clear:both;"></div>
^^
Kommt hier ...?
</div>
<div class="weiss_horizontal"></div>
^^
Kommt hier ...?
...
Wozu brauchst du so eine Divsuppe?
Kommt irgendwo noch Inhalt rein? Wenn ja, gib ihn wenigstens in Form von Blindtexten an.
Der größte Teil der Divs sieht so aus, als ob du sie nur zu Layoutzwecken drin hast. Das ist nicht nötig, zumindest nicht in einer solchen Menge.
So wie es aussieht, würde es sich wesentlich schlanker und vielleicht auch unproblematischer aufbauen lassen.
/* CSS Document */
html,body {
...
font-size:1px;
1px, das ist doch wohl nicht dein Ernst?
.inhalt{
margin:0px auto;
padding:0px auto;
width:871px;
background-color:#00CC33;
overflow:hidden; /* oder auto "Wunderwaffe overflow" */
}
Das wäre auch eine Möglichkeit dafür zu sorgen, dass sich .inhalt der Größe anpasst. Der IE macht es schon, weil du durch die width-Angabe bei ihm bereits hasLayout gesetzt hast.
Auf Wiederlesen
Detlef
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!