Tabellenlayout mit <div>s

[Thomas J.]

Ich nochmal

Das Div mit wenig Text wird in Netscape nicht aufgezogen.

Doch das geht ...

Warum hast Du dieses Div im Beispiel? Ohne sieht es bei mir genauso aus?

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

... und zwar damit. Durch clear:right (bzw. clear:both) wird der Status "umfließend" aufgehoben. Damit erzwingst Du, daß dieser Div unterhalb der beiden ersten positioniert wird.
Somit wird der blaue Div dann auch tatsächlich in der Höhe angepaßt.

Das Dumme ist nur, daß Netscape/Mozilla darauf nicht reagiert, weil der Div leer ist.

Du mußt also <div style="clear:both"> </div> schreiben.
Damit bekommst Du erstmal unterhalb des Bereiches mit viel Text noch einen blauen Rand - eben genauso hoch wie ein unformatiertes   ist.
Mit etwas Geduld und Trickserei (<div style="clear:both; font-size:10px; margin-top:-12px"> </div>) oder so ähnlich, bekommst Du den dann auch noch weg.

Thomas J.