Tabellenhöhe 100%: Welche Rows werden gestreckt?

Beitrag von **mcchaos** » 07.09.2004, 12:30

Hallo!

Ich hätte gerne um meine Seite herum eine Tabelle mit 100% Höhe, damit die Fußzeile - ist die Seite kleiner als das Browser-Fenster - trotzdem ganz unten ist und NICHT irgendwo auf halber Höhe klebt.

Ich habe es nun mit <TABLE HEIGHT="100%" versucht, was soweit klappt, jedoch werden ALLE Tablerows auf die Höhe verteilt. Ich möchte sowas haben (Bsp):

<TABLE HEIGHT=100%>
<TR><TD>Text</TD></TR>
<TR><TD>Text</TD></TR>
<TR><TD> </TD></TR> [NUR diese Row soll gestreckt werden]
<TR><TD>Fußzeile</TD></TR>
</TABLE>

Nun kann ich aber nicht die Höhe des Textes voraussagen (je nachdem, was der Benutzer eingestellt hat und wie breit das Fenster ist) und ich suche eine Lösung ohne Javascript.

Grüße!

von **Anzeige von ABAKUS** »

Beitrag von **mark** » 07.09.2004, 12:36

Du kannst den Inhalt der TDs mit <td valign="top"> oder <td valign="bottom"> entsprechend ausrichten

Beitrag von **mcchaos** » 07.09.2004, 13:06

mark hat geschrieben:Du kannst den Inhalt der TDs mit <td valign="top"> oder <td valign="bottom"> entsprechend ausrichten

Hm, vielleicht, wenn ich die ersten beiden Zeilen in einer weiteren Tabelle zusammenfasse, könnte das wirklich so einfach sein... Ich schau mal...

Beitrag von **r2d2** » 07.09.2004, 13:08

mach die variable zeile ohne höhenangaben und die restlichen mit.

r2d2

Beitrag von **mcchaos** » 07.09.2004, 13:10

r2d2 hat geschrieben:mach die variable zeile ohne höhenangaben und die restlichen mit.

Ja, aber wie hoch soll eine Zeile sein, in der Text steht? Die Höhe kenne ich doch leider gar nicht (je nachdem, was der User für einen Schritfgrad wählt, wie breit das Browserfenster gerade ist wg. Umbruch usw).

Beitrag von **mark** » 07.09.2004, 13:11

Hmm
verstehe:
vielleicht so:

Code: Alles auswählen

<TABLE HEIGHT=100% border="1">
  <TR valign="top"> 
    <TD>Text</TD>
  </TR>
  <TR valign="top"> 
    <TD>Text</TD>
  </TR>
  <TR valign="top"> 
    <TD height="100%">&nbsp;</TD>
  </TR>
<TR><TD>Fußzeile</TD></TR>
</TABLE>

Beitrag von **mcchaos** » 07.09.2004, 13:14

So gehts wirklich:

<html>
<table height=100% border=1>
<tr><td valign=top>
<table border=1>
<tr><td>Text</td></tr>
<tr><td>Text</td></tr>
<tr><td>flexibel</td></tr>
</table>
<tr><td valign=bottom>Footer</td></tr>
</td></tr>
</table>
</html>

Beitrag von **SISTRIX** » 07.09.2004, 14:14

Code: Alles auswählen

<table style="height&#58; 100%">
<tr style="height&#58; 200px"><td>KOPFZEILE</td></tr>
<tr><td>TEXT</td></tr>
<tr style="height&#58; 30px"><td>FOOTER</td></tr>
</table>

Gruss Johannes

Beitrag von HW » 07.09.2004, 15:01

schau dir mal folgenden Link an: https://www.alistapart.com/d/footers/footer_css3.html