Vertikální zarovnání buňky v tabulce
Ahoj
Prosím o radu, mám tento kód
<table border="1" style="border-collapse:collapse">
<tr style="text-align:center;"><td colspan="3" valign="middle" style="vertical-align:middle;"><h1>Nadpis</h1></td></tr>
<tr><th>Cena</th><th>Délka pobytu</th><th>Lokace</th></tr>
<tr><td>32 800</td><td>5 dnů</td><td>Maroko</td></tr>
<tr><td>64 800</td><td>7 dnů</td><td>Chorvatsko</td></tr>
<tr><td>18 555</td><td>2 dny</td><td>Island</td></tr>
</table>A tabulka se mi zobrazuje takto (google chrome)
odkaz na obrázek
Nevíte prosím, kde dělám chybu?
Tak to je zajímavé - pokud nastavím velikost buňky např. na 500px (vlastnost CSS height) a poté dám vertical-align: bottom;
Tak v IE a google chrome ten text NADPIS neukazuje úplně dole, ale dává tam malou mezeru. V opeře se to zobrazuje správně.
IE a chrome: odkaz na obrázek
opera: odkaz na obrázek
Ví někdo, co je špatně? Nechápu tohle chování... DÍKY
Vyřešeno
Jen dodám řešení:
NIKDY nepoužívat nadpisy typu H1 apod... v tabulkách - prohlížeče je rozdílně interpretují, někdy mají margin, někdy ne - tzn. vnější okraje. Proto se potom buňka špatně zarovnává.