[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

[pattex]

Ein Segen

Das suche ich nur das von selfhtml funktioniert nicht X(

[Zerogiven]

Stimmt, ich habs auch gesucht, und gefunden. Und natürlich gleich ein Tutorial darüber geschrieben

mfg

[pattex]

;(

der ie "frisst" es zwar noch aber opera hat immernoch probleme.

wenn ich eine tabelle in einer anderen habe, unter der tabelle in dieser tabelle ist noch eine tabelle also etwa:

<table>
<table>
ijkpllsdf
</table>
<table height="100%">
</table>
</table>

dann müsste doch diese tabelle in der der äußeren tabelle am oberen rand sein ;(

und, kann es sein das ältere browser mit css probleme haben?

mein code sieht jetzt so aus:
<table border="0" style="height:100%;">
<tr>
<td></td>
</tr>
</table>

[Zerogiven]

Hast du auch die Body Klasse in deinen Sheet Part eingefügt?
Auf anderen Browsern hab ichs noch nicht getestet. Wollte ich heute am Abend nachholen.
Aber ich habe mir jetzt mal ein paar Foren durchgelest, und die meisten meckern bei dieser Methode nur bei älteren Browsern (Mozilla 1, Netsccape 4,..)
Bei aktuellen Browsern soll es angeblich funktionieren.

mfg

[pattex]

body height steht schon drin im css teil

so geht es nur mit px:
<td height=>

ansonsten auch nicht..

[marlem]

@zero
hast du es nun getestet?

[Zerogiven]

Jep, Pattex hat recht...
Hmm, das kann es nicht sein, für dieses Höhen Problem muss es doch eine Lösung geben *grübel*

mfg