Ширина и высота таблицы

Колос · July 13, 2009

Верстаю с доктайпом:

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

Создаю таблицу

<table cellspacing="0" style="border:1px #000000 solid;height:152px">
  <tr>  
	<td style="border:1px #000000 solid"> </td>
  </tr>
</table>

1.Почему-то высота содержания столбца = 148пкс, т.е. толщина border входит в высоту таблицы, а не прибавляется к ней. Так происходит во всех обозревателях.

2. Что должно произойти с высотой при добавлении border-collapse:collapse? Тут каждый браузеров делает, кто во что горазд. ИЕ6 - 150пкс, Опера 9 - 149пкс, ФФ3 - 152пкс.

Edited July 13, 2009 by Колос

s0rr0w · July 13, 2009

1.Почему-то высота содержания столбца = 148пкс, т.е. толщина border входит в высоту таблицы, а не прибавляется к ней. Так происходит во всех обозревателях.

Это баг. В спеке не описано, как именно вычисляется высота, но она должна быть аналогично как и ширина на вот этом рисунке

http://www.w3.org/TR/CSS2/images/tbl-spacing.png

2. Что должно произойти с высотой при добавлении border-collapse:collapse? Тут каждый браузеров делает, кто во что горазд. ИЕ6 - 150пкс, Опера 9 - 149пкс, ФФ3 - 152пкс.

Сменится алгоритм рисования таблицы. Единственный браузер, который рендерит правильно - FF3+

Колос · July 13, 2009

Получается, что единственный из описанных мной случаев, который отображается в соответствии со стандартом это ФФ3 с border-collapse:collapse. Однако именно из-за этого случая пришлось отказаться от border-collapse и тупо прописывать верхние и правые границы для таблицы и нижние и левые для ячеек.

Посмотрите на этот пример в разных браузерах:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Primer</title>
</head>
<body>
  <div style="overflow:hidden">
	<table cellspacing="0" style="border:1px #000000 solid;height:152px;border-collapse:collapse">
	  <tr>  
		<td style="border:1px #000000 solid"> </td>
	  </tr>
	</table>
  </div>
</body>
</html>

Sign In

Ширина и высота таблицы

Question

Колос

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

s0rr0w

Link to comment

Share on other sites

Колос

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information