2009-07-31 6 views
1

J'ai essayé de positionner le contenu dans une rangée de table. La rangée en question contient à son tour 2 autres tables et 1 petite image miniature (chacune dans une cellule de tableau bien sûr). La rangée a été positionnée en utilisant valign="top" jusqu'à maintenant. Cela a bien fonctionné en obtenant le contenu de toutes les trois colonnes vers le haut.substituant valign par CSS

Cependant, je voulais le placer en utilisant le CSS position:relative; vertical-align:text-top;

Cela positionne le contenu cellulaire bien s'il n'y a pas d'image miniature. Cependant, une fois l'image incluse, les autres colonnes ne sont pas positionnées du tout. Voir l'image ci-dessous.

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

* Sincère Toutes mes excuses pour l'image Shoddy Mise en forme.

Je souhaite que les deux tables ainsi que la vignette soient alignées verticalement vers le haut.

Veuillez noter que toutes les marges et les paddings sont mis à 0 et que les tailles dans l'image sont réelles.

Est-ce que quelqu'un sait pourquoi mon navigateur (Firefox) se comporte de cette façon et comment le corriger?

Répondre

1

Ok, je l'ai eu! Il semble que vertical-align:text-top aligne un élément sur le en haut du texte de l'élément parent et non en haut de l'élément parent! Le changement à vertical-align:top a fait l'affaire :)