Глюки FireFox и Opera
<tr>
<td height="30"><img src="ui/box/shadow_01.png" width="445" height="30"></td>
</tr>
в FireFox и Opera появляется отступ снизу от картинки, который никакими ухищрениями не убрать. С чем это связано?
со свойством height. Его нет в спецификации HTML.
<tr>
<td><img src="ui/box/shadow_01.png" width="445" height="30"></td>
</tr>
Отступ в 3 пикселя от низа картинки, до нижней границы ячейки.
P.S. На сколько я знаю HEIGHT есть в спецификации.
http://htmlbook.ru/html/td.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>title</title>
<style>
img
{display:block;
width:445px;
height:30px;}
table
{border:1px solid #000;}
</style>
</head>
<body>
<table>
<tr>
<td>
<img src="shadow_01.png" alt="" />
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>title</title>
<style>
img
{display:block;
width:445px;
height:30px;}
table
{border:1px solid #000;}
</style>
</head>
<body>
<table>
<tr>
<td>
<img src="shadow_01.png" alt="" />
</td>
</tr>
</table>
</body>
</html>
Цитата: xexsus
Для тех кто захочет проверить, проблемы только в спецификации:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Если ты задаешь заголовок XHTML, так что ж у тебя код-то не валидный в таком случае?
А на сколько я знаю, что был. Он уже в 4.01 перешёл в разряд "не рекомендованных"
http://shaelf.ru/book/html401/tables.html#h-11.2.6
т.е вместо <tr height="" width=""> юзать <tr style="height: px; width: px">