Mozilla (ff) a převážně-standardní mód

http://developer.mozilla.org/en/docs/Gecko's_%22Almost_Standards%22_Mo de

Miloš: Ve zkratce jde o to, že rozdíl je tam jediný - a to ještě tak nepatrný, že na něj pravděpodobně jako pokročilý kodér nenarazíš.

Pakliže máš v buňce tabulky obrázek, Gecko ve standardním módu bere spodní okraj obrázku za rovný baseline textu. Vtip je v tom, že Gecko ve STD vyhrazuje místo pod baseline pro různé ocásky, nožičky atp. písmen (například u "g", "j" nebo "p") a tedy pod obrázkem bude vyhrazen tento prostor. V případě, že design webu skládáš z obrázků v tabulkách (á la rok 1997), tak se rozpadne.

almost-STD a quirks mode pracují jinak a místo pod baseline nevyhrazují, obrázky na sebe tedy ve vertikálním směru hezky navazují.

Ve STD módu lze tento problém řešit několika způsoby, dle situace buď obrázky převedeš na blokové elementy:

td img { display: block; }

... nebo je zarovnáš na typografický spodní okraj

td img { vertical-align: bottom; }


Stačí experimentovat.