Das Sternchen (*) als Größenangabe

[molily]

Hallo Helmut,

In Tabellenzellen begegnet man immer wieder dem Attribut width=*". Wenn ich Elemente per CSS formatieren möchte, finde ich in SelfHTML nur mehrere Einheiten die ich angeben kann (px, em, %, ..), aber kein Sternchen(*).
Ist das Sternchen(*) also überhaupt erlaubt (im speziellen bei CSS)?

Sofern du die Gesamthöhe der Tabelle gesetzt ist, nimmt die Zelle ohne Höhenangabe automatisch die verbleibende Höhe an, wenn die Höhen der anderen Zellen gesetzt sind.

Kopzeile und Fusszeile sollen immer eine feste Höhe haben. Der Inhalt soll so viel Platz nehmen, wie dieser benötigt. Wenn nun aber sehr wenig Inhalt auf einer Seite ist, sieht die Seite ein wenig "gestaucht" aus. Deshalb hätte ich gerne, das die Seite auf jeden Fall das Browserfenster in der gesamten Höhe ausnutzt.

Eine Tabellenlösung mit height:100%:

html,body {margin:0; padding:0; height:100%;}
p,div {margin:0;}
table {width:100%; height:100%; border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
#a {height:100px; background-color:#abc;}
#b {background-color:#def;}
#c {height:100px; background-color:#abc;}

<table summary="Layouttabelle">
<tr><td id="a"> </td></tr>
<tr><td id="b"><p>bla</p><p>bla</p><p>bla</p></td></tr>
<tr><td id="c"> </td></tr>
</table>

Und um Jans CSS-Vorschlag noch einmal zu illustrieren:

html,body {margin:0; padding:0; height:100%;}
p,div {margin:0;}
#a {height:10%; min-height:50px; background-color:#abc;}
#b {height:80%; min-height:80%; background-color:#def;}
body>#b {height:auto;}
#c {height:10%; min-height:50px; background-color:#abc;}
#b p {padding:1em 0;}

<div id="a"></div>
<div id="b"><p>bla</p><p>bla</p><p>bla</p></div>
<div id="c"></div>

Grüße,
Mathias