ABAKUS

Verfasst: **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!

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Verfasst: **07.09.2004, 12:36**

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

Verfasst: **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...

Verfasst: **07.09.2004, 13:08**

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

r2d2

Verfasst: **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).

Verfasst: **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>

Verfasst: **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>

Verfasst: **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

Verfasst: **07.09.2004, 15:01**

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

ABAKUS

Tabellenhöhe 100%: Welche Rows werden gestreckt?

Tabellenhöhe 100%: Welche Rows werden gestreckt?