andreas: Höhe einer Tabelle dynamisch anpassen

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

  1. Hallo Andreas,

    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.

    so richtig (un)sauber ohne Javascript kann das m.E. nur der Internet Explorer. Beim Netscape oder Opera ist bei folgendem Beispiel die Tabelle immer etwas größer wie die Seite

    <html>
    <body scroll=no marginheight=0 marginwidth=0 topmargin=0 leftmargin=0>

    <table border=1 cellpadding=0 cellspacing=0 height=100%><tr>
    <td height=50> </td></tr><tr>
    <td>hier kommt einText<br>
    hier kommt einText<br>
    hier kommt einText<br>
    hier kommt einText<br>
    hier kommt einText<br>
    hier kommt einText<br>
    hier kommt einText<br></td></tr><tr>
    <td height=90%>das ist der Rest<br></td></tr></table>

    </body>
    </html>

    Viele Grüße Günter