hi,
ich versuch eine Grafik unten in einer Tabellenzelle auszurichten.
Oben drüber soll der Text nach oben ausgerichtet sein.
Der Quelltext ist:<td width="50%" style="vertical-align:top;">
<br />Inhalt oben<br /><br />
<div style="vertical-align:bottom;">
<img src="line.jpg" width="350" height="2" />
</div>
</td>Das Bild wird trotzdem direkt unter dem Text
und nicht am unteren Ende der Zelle angezeigt.
Natürlich nicht.
vertical-align hätte eine Wirkung, wenn du es auf ein Tabellenelement - beispielsweise die Tabellenzelle anwendest. Aber dann beträfe es auch wieder ihren gesamten Inhalt.
Kann mir jemand sagen wie ich das hin krieg?
Positioniere das Bild absolute am bottom der Tabellenzelle.
Den Div um das Bild kannst du dir höchstvermutlich sparen - dafür solltest du um den kompletten Inhalt der Zelle eines legen, denn die Auswirkungen von position:relative für eine Tabellenzelle sind undefiniert.
gruß,
wahsaga
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }