Problem mit floating und height im IE

[MudGuard]

Hi,

<div style="float:right; background-color: yellow;">
<h1 style="height:100px; margin:0; padding:0;">rechts</h1>
</div>
<div style="background-color: red;">
<h1 style="height:100px; margin:0; padding:0;">links</h1>
</div>

Welchem Zweck dienen hier die div-Elemente, die Du um die h1 rumpackst?

<div style="float:right; height:100px; background-color: yellow;">
<h1 style="margin:0; padding:0;">rechts</h1>
</div>
<div style="height:100px; background-color: red;">
<h1 style="margin:0; padding:0;">links</h1>
</div>

Hier das gleiche, wozu die divs?

Der Internet-Explorer generiert für Beispiel 1 zwei Zeilen, zuerst eine Gelbe, dann die Rote. Für Beispiel 2 werden die rote und die gelbe Box zwar nebeneinander dargestellt, dazwischen entsteht aber ein Spalt.

Der Spalt könnte margin/padding der divs sein.
Daher nochmal die Frage: wozu die divs?

cu,
Andreas