FF, DOCTYPE, table и img

Salex · №1

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

Выделить код

Код:

<!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 · №2

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

Salex · №3

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

Lynn · №4

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 · №5

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

Lynn · №6

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

Выделить код

Код:

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

Полезная информация

№104-01-2006 17:59:25