Кто не прав? - Свободное общение

zumm · 15.08.2011, 18:32

Доброго всем! Возник у меня один вопрос, очень интересный мне. Начну с кода:

Код:

...
<table style="width: 100px; height: 150px;">
  <tr>
    <td name="1" style="width: 50px; height: 100%;" rowspan="2"></td>
    <td name="2" style="width: 50px; height: 50px;"></td>
  </tr>
  <tr>
    <td name="3"></td>
  </tr>
</table>
...

Вопрос - к какой ячейке td пойдут "остальные" 50px от общего height? Логично было бы предположить что к третей ячейке, собственно так и происходит в Google Chrom, Opera, Safari и даже Internet Explorer. Но... Но в Mozilla Firefox, которая к слову считается идеалом, эти 50px отходят второй(!) ячейке. Вот и кто тут прав?

MooNDeaR · 15.08.2011, 19:13

Цитата:

Но в Mozilla Firefox, которая к слову считается идеалом,

Ох очень сомнительно про Огнелиса вы как про идеал

Хром лучше

zumm · 15.08.2011, 19:21

Цитата:

Сообщение от MooNDeaR

Ох очень сомнительно про Огнелиса вы как про идеал

Хром лучше

Я тоже люблю хром больше остальных браузеров. Но Огнелис, считается идеалом корректности отображения кода уже довольно давно...

Blondy · 15.08.2011, 20:18

Цитата:

Вся проблема в том, что браузер начинает путаться в показаниях. И все происходит из-за того, что он "не понимает" в чем все-таки мерить высоту - в процентах или пикселях.

Представьте себе обычную табличку - для двух рядом стоящих ячеек в одном случае Вы говорите: "Высота 50 пикселей", а для соседней Вы утверждаете: "Нет, высота 100%". Но дело в том, что для соседних ячеек в одной строке должна быть высота либо 50 пикселей, либо определенное кол-во процентов. Но никак ни два показателя одновременно, иначе браузеры начнет колбасить. Как это и произошло с Фоксом.

Если не верите, проверьте Ваш код на HTML валидаторе. Он Вам скажет то же самое.

PS: обычно размеры устанавливаются уже в CSS стилях в отдельном файле.

zumm · 15.08.2011, 21:49

Цитата:

PS: обычно размеры устанавливаются уже в CSS стилях в отдельном файле.

Данный код просто демонстрационный, мне нужно было линком css файл к нему привинтить?

Цитата:

дело в том, что для соседних ячеек в одной строке должна быть высота либо 50 пикселей, либо определенное кол-во процентов

О_о первый раз такое слышу, всегда считал, да и видел множество профессиональных работ, где используется указание размеров в разных единицах. Дело в том что есть множество задач, которые без такого подхода просто не решить. Вот например, как бы вы решили ту же задачу что я описал, исходя из того что td номер 2 должен быть именно 50px на 50px и ширина таблицы неизвестна заранее? Не прибегая к вложенным таблицам.

Виталий Желтяков · 15.08.2011, 22:37

Перечитал несколько раз и в итоге удивился, что Google Chrom, Opera, Safari и даже Internet Explorer отобразили код, как Вам нужно. Конечно, прав FF, т.к. это плохой пример верстки - сразу две единицы измерения.

MaTBeu · 15.08.2011, 22:50

Цитата:

Сообщение от zumm

Вот например, как бы вы решили ту же задачу что я описал, исходя из того что td номер 2 должен быть именно 50px на 50px и ширина таблицы неизвестна заранее? Не прибегая к вложенным таблицам.

Как минимум вот такой простой код всегда дает вторую ячейку 50х50.
(Opera, FF, Chrome, Safari, IE)

Код:

<html>
<head>
	<title>Test</title>
	<style type="text/css">
		* {
			padding: 0;
			margin: 0;
		}
	</style>
</head>
<body>
	<table style="height: 150px;">
		<tr>
			<td name="1" style="width: 50px;" rowspan="2"></td>
			<td name="2" style="width: 50px; height: 50px;"></td>
		</tr>
		<tr>
			<td name="3"></td>
		</tr>
	</table>
</body>
</html>

Другое дело, если вам нужно, чтобы независимо от размеров контента, ячейка оставалась 50х50.
В таком случае

Код:

td {
   display: block;
   overflow: hidden; /* или scroll/auto*/
}

Применение разных едениц измерений в размерах элементов может пригодиться только при резиновой верстке, со стилем

Код:

width: auto

у таблицы. В вашем случае это бесполезно.

15.08.2011, 18:32	#1
zumm БохЪ Форумчанин Регистрация: 30.09.2009 Сообщений: 724	Кто не прав? Доброго всем! Возник у меня один вопрос, очень интересный мне. Начну с кода: Код: `... <table style="width: 100px; height: 150px;"> <tr> <td name="1" style="width: 50px; height: 100%;" rowspan="2"></td> <td name="2" style="width: 50px; height: 50px;"></td> </tr> <tr> <td name="3"></td> </tr> </table> ...` Вопрос - к какой ячейке td пойдут "остальные" 50px от общего height? Логично было бы предположить что к третей ячейке, собственно так и происходит в Google Chrom, Opera, Safari и даже Internet Explorer. Но... Но в Mozilla Firefox, которая к слову считается идеалом, эти 50px отходят второй(!) ячейке. Вот и кто тут прав? В планах порабощение вселенной... Последний раз редактировалось zumm; 15.08.2011 в 19:09.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
GPL. Кто из нас прав?	Obey-Kun	Свободное общение	12	10.07.2011 21:54
Не достаточно прав на Vista	VladimirVB	Windows	1	13.10.2008 09:46
Просмотр прав на папку	AstraBon	Безопасность, Шифрование	0	10.06.2008 08:46
В чем я не прав?С++	diden	Помощь студентам	3	23.05.2008 18:32

15.08.2011, 22:37	#6
Виталий Желтяков Старожил Регистрация: 19.04.2010 Сообщений: 2,702	Перечитал несколько раз и в итоге удивился, что Google Chrom, Opera, Safari и даже Internet Explorer отобразили код, как Вам нужно. Конечно, прав FF, т.к. это плохой пример верстки - сразу две единицы измерения.