firefox косячит таблицы на 5 пикс. или куда катится w3c?

104

skat

20 ноября 2006, 21:28

983

вот блин загадка произошла: у меня таблица, в которой ячейка заливается гифом. в коде указана высота ячейки равная высоте гифа. при просмотре страницка в опере и осле все гут, но фаерфокс без видимых причин увеличивает все таблицы по высоте на 5 пикселей, от чего гифы дублируются и вся дизайнерская задумка косячится. понятия не имею почуму так, но вот что заметил - если в начале страницы убрать доктайп:

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

то все становится нормально, 5 пикселей исчезают... хрен его знает почему так.

вот еще что мне совершенно непонятно: в спецификации html 4.01 background (как и high и width и еще много) определен как не рекомендованный элемент, от которого в будущем w3c будет избавляться, дабы стимулировать листы стилей. Получается что не разработав достойной альтернативы в CSS, уже сейчас пытаются ущемить полезные фишки (при помощи которых в основном дизайн делается красивый) Что получается? - валидаторы косячат красивые сайты и пропускают отстой в стиле "голый текст+три заголовка, зато на CSS"

ну да ладно, это их проблемы, что мне с фаерфоксом делать? может кто нибудь сталкивался? хэлп плиз!

Saturnus

147

ronald

20 ноября 2006, 21:34

#1

Попробуйте такой вариант доктайпа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

111

ТВЭЛ

20 ноября 2006, 21:57

#2

table {border-collapse: collapse;}

Время не ждёт.

104

skat

20 ноября 2006, 22:23

#3

to Ronald: мне надо именно чтобы работало на 4.01 transitional. попробовал подставить вашу надпись, заработало, но такое ощущение, что заработало потому что ваша надпись просто проигнорировалась (т.е. FF "подумал" что ничего нет), а не потому что она валидная...

to ТВЭЛ: у меня вот так:

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse"..........

это одно и то же? или если вынести стиль в .css все решится?

почему вообще увеличивается высота таблицы, ведь четко прописана высота такая то, FF игнорирует high="N";?

получается что осел и опера подстраивается под ошибки, а FF не хочет?

как лечить?

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

111

ТВЭЛ

20 ноября 2006, 22:28

#4

skat, пока не видим весь css и код ничего сказать нельзя. Объявление стиля внутри тега совершенно равнозначно вынесению в CSS в данном случае, лишь более специфично.

69

Kolyaj

21 ноября 2006, 06:24

#5

skat, вы уже в двух сообщениях вместо свойства height пишете high, может в этом проблема? И не забывайте единицы измерения писать, т.е. height="30px";

62

Николай В.

21 ноября 2006, 06:54

#6

дайте посмотреть, что ли?

104

skat

21 ноября 2006, 07:07

#7

вот такой вот код у меня...

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

<html>

<head>

</head>

<body>

<tr>

 </td>

</tr>

</table>

</body>

</html>

объявление высоты в самой таблице ничего не дает, указание, что высота в пикселях ничего не дает. бился бился.... а вот если удалить верхнюю надпись - все нормально. шайтанизм какой то.

чтобы ни делал таблица выводится на экране ровно на 5 пикс. больше по высоте, если указывается транзишнл 4.01

eTarget 2011: Круглый стол Обзор семинара Леонида Гроховского Обзор тренинга «Лояльные клиенты

NB

95

Nick Bubelo

21 ноября 2006, 08:10

#8

skat, если хотите добиться желаемого Вами результата -- убирайте <!DOCTYPE>, либо оставляйте его в сокращенном варианте, как предлагал ronald. По другому -- никак.

<img> -- это строчный элемент, ergo, любое изображение должно располагаться по базовой линии текста. В режиме "совместимости" (без DOCTYPE) изображения <img>, при отсутствии обрамляющего текста, умели вписываться в ячейку таблицы. Нынче, если указан DOCTYPE, то даже при отсутствии обрамляющего текста изображение будет выравниваться по базовой линии текста. Которая не совпадает с нижней границей текста, а отстоит от нее (для тех шрифтов, которые использовал топикстартер) на те самые 5px.

Об этом, и о других "косяках", см. здесь: http://www.artlebedev.ru/tools/technogrette/html/doctype2/

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

62

Николай В.

21 ноября 2006, 08:16

#9

все просто - сделайте картинки блочными элементами


<style>

img {

	display: block;

}

</style>

NB

95

Nick Bubelo

21 ноября 2006, 08:23

#10

Николай В., ага, я тоже хотел это предложить. Только лучше, наверное, указать это стилями непосредственно в теге <img ... style="display:block"> (мало ли, как другие изображения надо будет выводить). Можно еще бэкграундом заливать (стилями в ячейках таблицы): <td ... style="background-image:...">

Хотя я бы вообще сверстал по-другому, без таблиц.

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах