растянуть страницу вертикально

colors · January 25, 2012

Имеем с нуля таблицу в 3 строки TR. Верхняя TR строка шапка. Нижняя строка TR копирайт и тп. В средней TR допустим всего несколько строк тескта. Нужно, чтобы средняя TR растягивалась на всё окно браузера, так чтобы нижняя TR оказывалась у нижнего края окна.

Если в простом коде, то так примерно


<HTML><HEAD></HEAD><BODY>
<table>
	<tr><td>               -1- </td></tr>
	<tr><td height="90%">  -2- </td></tr>
	<tr><td>               -3- </td></tr>
</table>
</BODY></HTML>

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

Интересует только нтml и css. В спецификации css 2.1 нашел интересные строки, говорящие вроде, что он этого не может.

http://www.codenet.ru/webmast/css2/tables.php

http://www.w3.org/International/articles/css3-text/Overview.ru.php и тд, той верстки перевода спецификации, что на компе, в сети не нашел.

17.5.3 Алгоритмы определения высоты таблицы
В CSS2 не определяется представление таблицы, если высота этой таблицы не совпадает с высотой содержимого, в частности, должна ли высота содержимого превышать указанную высоту; и если не должна, то как будет распределяться свободное пространство между строками, высота которых меньше указанного значения высоты таблицы; или, если высота содержимого превышает указанную высоту таблицы, должен ли агент пользователя создать механизм прокрутки. Примечание. Возможно, в будущих версиях CSS это будет определено.

Вот. Где то видел что подобное советовали на XHTML, но там мусора в коде немеряно :blink: Команда то одна по идее.

Значит CSS и HTML этого не умеют?

Edited January 26, 2012 by colors

buddah · January 25, 2012

Судя по структуре тут таблицы не нужны. Сделайте на блоках, все получится.

colors · January 25, 2012

В блоках в смысле это какой тег? div?

Такой простой пример привел, чтобы и тут быстро понятно было и чтобы самому быстро без косяков лишних протестить.

А так то структура, куда ставить буду, как обычно, навороченная.

Да и не только этот пример, в будущем разные структуры могут быть,

просто че то поднадоел этот вопрос за годы

colors · January 25, 2012

О! Нашел ответ и решение случайно тут в статье :rolleyes:

http://htmlbook.ru/content/osobennosti-verstki-sloyami

Надо просто задать главной таблице table height="100%" и убрать наверху doctype.

Отлично, все работает в ie 8, opera 9,5 и даже в кривом хроме 2011))

Спасибо всем)

Edited January 25, 2012 by colors

colors · January 14, 2013

Все же при некоторых вариантах верстки заморочки.

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

Интересно кто как еще делает? Не считая блоков.

Как задать 100% height не таблице, а ячейке?

Или выходит, без задания 100 % главной таблице, ничего не выйдет?

Edited January 14, 2013 by colors

colors · January 14, 2013

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

Примечательно, что при доктайпе 4,0 все нормально. А если поменять на 5 ку , то перестает работать.

Edited January 14, 2013 by colors

Sign In

растянуть страницу вертикально

Question

colors

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

buddah

Link to comment

Share on other sites

colors

Link to comment

Share on other sites

colors

Link to comment

Share on other sites

colors

Link to comment

Share on other sites

colors

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information