andreas: Höhe einer Tabelle dynamisch anpassen

Beitrag lesen

Hallo liebes Forum,

bei dem folgenden Problem komme ich einfach nicht weiter.
Auf einer Seite möchte ich folgendes Design verwirklichen:
+-----------------+
         1
+-----------------+
         2
+-----------------+
         3
+-----------------+

Folgende Gesetztmäßigkeiten sollen gelten:
1: feste Höhe von 50px
2: Höhe ist dynamisch (Hier soll Text stehen).
   2 soll aber nur die Höhe haben, die der Text
   benötigt
3: falls 1 und 2 addiert die ganze Seitenhöhe nicht ausfüllen, ist 3 der Platzhalter der in die Länge gezogen werden darf.

1+2+3 müssen die ganze Seite füllen.

Mein Ansatz bis jetzt:
Eine Tabelle, die height=100% hat.

Mein Problem ist, daß 2+3 immer in gleiche Teile in die Länge gezogen werden. Die Höhe von 2 ist nicht bekannt.

Alles sollte möglichst ohne JavaScript funktionieren. Wer Rat weiß bitte melden.

Gruß,
Andreas