Архив форумов ЦИТФорума

[Mytilus Galloprovincialis]

Привет!
Имею страницу: декларация - XHTML 1.1, в таблице стилей - body, html, table {height: 100%}. На странице всего одна таблица с тремя горизонтальными рядами ячеек. Верхнему ряду присвоена высота 193px (не важно, аргументом HEIGHT или средствами CSS), высота остальных рядов - по умолчанию. Логично предположить, что в результате должна отобразиться таблица на всю высоту окна браузера, в которой верхний ряд будет 193 пикселя в высоту, а остальные ряды поделят свободное пространство поровну. Так и получается в ФФ, Опере и прочих. Но, как всегда, "порадовал" ИЕ7, который сначала присваивает ряду высоту 193px, а только потом растягивает таблицу на 100% по вертикали. В результате все ряды (в том числе и верхний) также пропорционально растягиваются. Верхний ряд в ИЕ имеет высоту большую, чем необходимо. Подскажите, пожалуйста, как "лечить" ИЕ?

[adgjl]

Нафига тебе такой эксклюзивный дизайн, насколько мне известно так обычно никогда не делают или у тебя особые задачи.

[Mytilus Galloprovincialis]

Страница должна быть разбита на три части: шапка, тело и подвал. При этом высота шапки и подвала строго фиксированы (в приведенном мной примере все проще, т.к. от него требовалось только показать задачу). И если контент тела не занимает всю область окна браузера подвал все равно должен быть в самом низу этого окна.
При верстке, например, на HTML 4.1 все отображается в соответствии с задумкой. Но XHTML в ИЕ парсерится иначе.
Главная беда в том, что дизайн уже утвержден (как, собственно, и язык верстки). Возможно, у кого-то возникнет идея другого рода в реализации дизайна? Главное, чтобы была шапка (193px в высоту), подвал (34px в высоту и прижатый к низу окна или заходящий за нижнюю границу окна при большом объеме контента) и само тело (тело имеет фон в виде изображения, поэтому должно быть растянуто от шапки до подвала вне зависимости от полноты своего содержимого).

[adgjl]

Вся проблема в конфликте стилей. Браузеру нужно ясно задать размеры.
Можно попробовать сделать так: Убрать хейгхт 100% в главной таблице, а в две нижние строки поместить по вложенным таблицам.

[Mytilus Galloprovincialis]

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

[Mytilus Galloprovincialis]

Лазил за ответом в просторах Рунета и наткнулся на такой пост (орфография и пунктуация сохранены):

Знаешь, а нам пришлось отказаться от XHTML в проэкте потому, что он тупейше не давал делать нам такую вёрстку и позиционирование как нам надо. Растянуть таблицуу по высоте на 100%, прижать нижную ячейку к низу окна высотой в 30px, верхней занять остальное пространство экрана - ФИГУ! Никак. А с дивами тоже не всё ладно, в некоторых браузерах (точнее версиях, и далеко не допотопных) глючит. В итоге наш верстальшик повоевав 2 недели с ним, плюнул и начал переделывать всё под HTML 4.01. А чувак там не дурак, он HTML/xHTML и CSS знает на отлично, ночью разбуди и спроси - сходу ответит ещё и разницу реализации между IE, FF и Opera расскажет - какие есть недоработки, глюки и как обойти. Так что на самом деле по мне - лучше HTML5 - пусть более жесткий по синтаксису, но с возможностями HTML 4.01 - тянущиеся по вертекали таблицы без приблуд как у xHTML что 100%, это он растягмвает на высоту экрана и в ус не дует, смещая остальные ячейки за пределы экрана, появляеться скроллбар и.т.д.
XHTML хорош для портативных устройств и мобилок, но для WEB'a где сайт динапичен и много JavaScript функционала - он не очень подходит.
(Источник: http://php.ru/forum/viewtopic.php?t=4609.)

Почитав это, я решил, что буду требовать от руководства дать добро на верстку HTML'ом 4.01.

[adgjl]

[Mytilus Galloprovincialis]

Если XHTML заставляет использовать сценарии, то это еще раз оправдывает использование другого стандарта.