>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Проблемы с сайтами
   http://forum.mozilla-russia.org/viewforum.php?id=24
>FF, DOCTYPE, table и img
   http://forum.mozilla-russia.org/viewtopic.php?id=7343

Salex > 04-01-2006 17:59:25

Объясните пожалуйста, почему по данной разметке браузер показывает ячейку таблицы,  размерами больше чем картинка (снизу картинки получается пустое пространство)? И как от этого избавиться.

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
	<title></title>
</head>

<body>
		<table border="1" cellpadding="0" cellspacing="0">
			<tr>
				<td><img src="resources/main.jpg" width="360" height="392"> </td>
			</tr>
		</table>
</body>
</html>
igorsub > 04-01-2006 18:54:18

А ты зачем пробел после картинки поставил?

Salex > 05-01-2006 18:23:10

igorsub А какая разница? Есть пробел, нету. Результат тот же

Lynn > 05-01-2006 18:37:02

Salex
DOCTYPE надо либо писать полностью

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

либо не писать вообще.
FF при указаном доктайпе выравнивает картинку по базовой линии (baseline) даже если в ячейке нет текста. Стандартные способы лечения:
1. img {display: block}
2. img { float: left }
3. td { line-height: 1px }

Salex > 05-01-2006 22:25:55

Lynn Спасибо!
А DOCTYPE мне такой редактор выдал. Для HTML 4.0 Strict.

Lynn > 05-01-2006 23:10:39

Правильные DOCTYPE'ы
Для strict правильный DOCTYPE такой:

Выделить код

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">