[CSS] Tabellenhöhe mit 100%

[Zerogiven]

So, ihr habt sicher schon oft das Problem gehabt, das ihr eine Tabelle gebraucht hättet die was 100% hoch ist.
Zwar kann man <table height=""> schreiben, dies ist aber kein HTML Standard Befehl und ist deshalb nicht empfehlenswert. Ausserdem funktioniert diese Variante sowieso nur im IE, und das ist ja nicht Sinn der Sache die User einzuschränken.

Es gibt aber eine Möglichkeit wo man "Height" nicht in Pixel, sondern in Prozent eingeben kann. Das ganze ist auf CSS aufgebaut.

Als erstes braucht ihr in eurer "Body"-Klasse den Style Befehl "height:100%;"
Das heisst ihr schreibt als erstes einmal diese Klasse:

Code:

BODY { height:100%; }

Diese Klasse benötigt ihr, denn wenn ihr den ganzen Body nicht auf Höhe 100% gebt, dann könnt ihr auch keinen CSS "Height" Befehl für die Tabellen verwenden.

Nachdem wir aber diese Klasse eingefügt haben, können wir jetzt eine Tabelle erstellen die ungefähr so aussieht:

Code:

<table style="height:100%;">
<tr>
<td>
Tütitü
</td>
<td>
DumDiDum
</td>
</tr>
</table>

Diese Tabelle würde nun von ganz oben nach ganz unten gehen.

So, hoffe es hilft euch in der Praxis weiter

mfg