Tabellenlayout mit <div>s

[Orlando]

Hi Mike,

ich will folgendes Layout mit divs realisieren:

trenne dich vom Denken in Kasten, äh... Kästchen ;)

+----------------+
| Box1           |
+------+---------+
|      |         |
| Box2 |   Box3  |
|      |         |
+------+---------+

1. Zwischen Box 2 und 3 ist ein Abstand von ein paar Pixel.

#box2 { margin:0 }
 #box3 { margin:0 }

Du kannst auch negative Werte angeben, sollte dies notwendig sein.

2. Wie kann ich es erreichen, dass Box2 mit nach unten wächst, wenn der Text in Box3 diese "aufdrückt"?

Gar nicht, aber du kannst dieses Layout auch anders umsetzen: Definiere eine Hintergrundfarbe für die Seite und weise Box2 *keine* zu (background:transparent oder inherit). Egal, wie lang diese Box wird, es wird dann immer der gesamte Hintergrund plus dem Abstand bis zum Seitenende in der Hintergrundfarbe erscheinen.

LG Roland