Hello :)
Chciałem sobie zamienić moją małą stronkę z HTML 4.0 na XHTML 1.0.
Obie wersje są poprawne wg walidatora w3c:
This Page Is Valid HTML 4.0 Transitional!
This Page Is Valid XHTML 1.0 Transitional!
Ale strona w XHTML nie wygląda jakbym chciał.
Tu jest treść strony w HTML 4.0:
<body>
<table>
<tr valign="middle">
<td align="center"><img src="1cfaniak.gif" width="13" height="13" alt="cfaniak" title=""></td>
</tr>
</table>
</body>
</html>
A tu w XHTML 1.0
<body>
<table>
<tr valign="middle">
<td align="center"><img src="1cfaniak.gif" width="13" height="13" alt="cfaniak" title=""/></td>
</tr>
</table>
</body>
</html>
Problem w tym, że obrazek nie jest już na środku strony, a na górze. Czyli działa tylko wyśrodkowanie w poziomie.
Stwierdziłem, że to wina parametru valign.
Więc dodałem styl CSS:
tr {vertical-align: middle}
lecz to nic nie zmieniło.
Jak można to naprawić?
Stronę sprawdzałem w IE 6.0 i FF 1.0.2