[css] Floaten klappt im IE nicht

[Matze]

Hallo,

der Internet Explorer (7) treibt mich noch in den Wahnsinn. :wall:
Ich habe folgenden Code:

Code:

<div style="float: left">
    oben links
</div>
<div style="float: right">
    oben rechts
</div>

<div style="clear: both">
    drunter
</div>

Natürlich ist der ganze Code deutlich länger, doch das ist der relevante Teil und vielleicht wisst ihr anhand der folgenden Fehlerbeschreibung, was Sache ist.

Rufe ich die Seite in FF und Konsorten auf, geht alles einwandfrei. Im IE ist beim 1. Aufruf ein Abstand zwischen den oberen und dem unteren Div-Container zu sehen. Beim Refresh mit F5 verschwindet dieser. Rufe ich die Seite erneut auf (ohne F5), dann ist der Abstand wieder da. Entferne ich "clear: both", dann zeigen die anderen Browser den unteren Kasten irgendwo oben rechts an (ich würde sagen, das ist das Standard-Verhalten) und beim IE funktioniert dann jedoch alles einwandfrei.

Kann ist das irgendwie umschreiben bzw. was ist da überhaupt los?

Grüße

[Matze]

Hallo *push* (ne Spaß :mrgreen: )

In ICQ wurde mir folgender Aufbau mitgeteilt, welcher zu funktionieren scheint:

Code:

<div style="float: left">
    oben links
</div>
<div style="overflow: hidden">
    oben rechts
</div>

<div style="clear: both"></div>

<div>
    drunter
</div>

Das Thema hat sich also erledigt.

Grüße