Orlando: Diffiziles Problem mit float:

Beitrag lesen

Werte Gemeinde,

was haltet ihr von folgender Darstellung in Opera und Mozilla?

CSS:

div { width:200px; height:200px; color:#f00; background-color:#00f; border:1px solid #f00; margin:1em; }
 #a, #b, #c { float:left; }
 #d { background-color:#080; }

HTML:

<p>...</p>
 <div id="a">A</div>
 <div id="b">B</div>
 <div id="c">C</div>
 <div id="d">D</div>

Ergebnis:

<img src="http://skop.net/opera/div-float-div.gif" border="0" alt="">

Die Frage ist: Darf der Inhalt von <div> D in diesem Beispiel außerhalb des Elements selbst gerendert werden? Wenn ja, wo ist das definiert? Wenn nein, warum sind sich die beiden besten Browser einig in der Darstellung? Irgendwie komme ich auf keinen grünen Zweig.

Das Beispiel online:

http://skop.net/opera/div-float-div.html

Grüße,
 Roland