• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle - Letztes <td> ganz nach unten ziehen

B

befubo

Mitglied
Hi zusammen

Mein Problem:
Ich habe eine Tabelle links bündig als Navigationsleiste.
Alles klappt TipTop, jetzt möchte ich aber, dass das unterste <td> bis ans Seitenende weitergeführt wird...

Die Tabelle sieht im Moment so aus:

HTML: 
<table border="0" style="border-collapse:collapse; display: block; position: absolute; position: fixed; top: 300; left: 0;" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image:url(bg-trans.png)" width="300px">
<img src="postit_1.png" align="left" valign="top">
</td>
</tr>
<tr>
<td style="background-image:url(bg-trans.png)" width="300px">
<img src="postit_2.png" align="left" valign="top">
</td>
</tr>
<tr>
<td style="background-image:url(bg-trans.png)" width="300px">
<img src="postit_3.png" align="left" valign="top">
</td>
</tr>
<tr>
<td style="background-image:url(bg-trans.png)" width="300px"> //Dieses Feld soll bis ans Seitenende gezogen werden...
*Some Content*
</td>
</tr>
</table>

Ich habs bis jetzt mit "bottom: 0" usw versucht, iwie krieg ichs nicht hin...
Ich hoffe, ihr könnt mir da helfen.

thx und lg
befubo
 
Werbung:
Hallo.

Verzichte auf die Tabelle und lerne HTML für das zu benutzen wofür es gedacht ist.

Mache deine Navigationsleiste als Liste, dafür brauchst du keine Tabelle.

Gruss
Elroy
 
Ich schließe mich Elroy an, aber beantworte dennoch die Frage:
gib <html>, <body> und dem betreffenden <table> 100% Höhe.
Den zellen, die eine bestimmte Höhe haben sollen, weist du diese Höhe auch zu!
Das ist wichtig, da sonst jede deiner 4 Zellen 25% Höhe erhalten!

Nur wird das in deinem Fall nicht viel bringen, weil die Tabelle dann nicht nur bis zum Ende des Viewport geht, sondern 300px darüber hinaus, wegen der absoluten Positionierung, die wahrscheinlich auch hier mal wieder so heißt, weil sie absolut unnötig ist...
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben