Günter Laudenklos: Höhe einer Tabelle dynamisch anpassen

Beitrag lesen

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