Substitution von valign durch CSS

Question

Ich habe versucht, Inhalt in einer Tabellenzeile zu positionieren. Die fragliche Zeile enthält wiederum 2 andere Tabellen und 1 kleines Thumbnail-Bild (jedes natürlich in einer Tabellenzelle). Die Zeile wurde bisher mit valign="top" positioniert. Das hat gut funktioniert und den Inhalt aller drei Spalten an die Spitze gebracht.

Allerdings wollte ich es positionieren CSS position:relative; vertical-align:text-top;

Dies positioniert den Zellinhalt gut , wenn kein Bild Thumbnail ist. Sobald das Bild jedoch enthalten ist, werden die anderen Spalten überhaupt nicht positioniert. Siehe das Bild unten.

alt text http://www.freeimagehosting.net/uploads/5164a2c796.jpg

^{* Sincere Apologies für die schlampige Bild Formatierung.}

Ich möchte die beiden Tabellen sowie das Miniaturbild vertikal nach oben ausgerichtet werden.

Bitte beachten Sie, dass alle Ränder und Abstände auf 0 gesetzt sind und die Größen im Bild tatsächliche sind.

Weiß jemand, warum mein Browser (Firefox) sich so benimmt und wie man ihn korrigiert?

Answer 1

Ok, hab es! Es scheint, dass vertical-align:text-top ein Element an die Oberseite des Elements des Elternelements ausrichtet und nicht an die Spitze des Elternelements! Ändern Sie es zu vertical-align:top tat den Trick :)