IE-Bug: oberer Abstand in Höhe von border-Top des Vaters

[Joachim]

Hi,

<div style="border: solid red; border-width: 50px 40px 30px 20px;">
    <span style="float: left; border: 1px solid green;">Foo</span>
    <div style="clear: left; border: 1px solid blue;">Bar</div>
</div>

Jetzt gebe man dem inneren <div> mal Layout[1], beispielsweise über height:0px - und staune ob des Irrsinns, den der IE auszuleben gedenkt: Über dem <div> erscheint ein Abstand.

Leider bin ich kein Mensch der grossen Erklärungen, allerdings kann ich Dir nur eine einfache Lösung anbieten: Wie oft, wenn IE mit den Höhen durcheinandergerät, hilft ein height:1px (für das äussere Div, natürlich in CC's versteckt). Offenbar zwingt ihn diese Dummy-Höhe zum erneuten Rendern, so dass die Darstellung wieder stimmt.

Gruesse, Joachim