Высота

Как написать в CSS, что высота данного DIV’а равна высоте страницы?

height: 100%% не спасает, почему-то, в отличие от таблиц, дивы считают, что 100% — это высота клиентской части окна браузера (IE, Opera, Mozilla), поэтому, когда появляется скроллинг, то 100% уже составляют меньше реальной высоты страницы.

bottom: 0px тоже не спасает: даёт тот же эффект, что и предыдущий вариант, что уж совсем странно.

Как сделать реальную высоту?

Дальше
7 комментариев
РезиновыйЗапаЛ 2004

Реальный случай давай на мыло, попробую понять. У меня где-то было использовано, если найду в хламе. Илья, в дивах надо еще учитывать, что они иногда имеют такое свойство размеры считать не только от окна, но и от элемента в который вложены.

Mash 2004

http://imfo.ru/computers/footer-absolute
Об этом речь?

Илья Бирман

Не совсем об этом, да и предложенное там решение не работает в обоих (IE/Opera) браузерах.

Илья Бирман

Не...

РезиновыйЗапаЛ 2004

Илья, ответ послал. Но думаю тебе он не понравиться:)

Илья Бирман

Ничего не пришло...

саша 2004

я сделал footer (если тебя это интересует), используя javascript и relative элементы css (я это в интернете нашёл :)) — иначе вроде бы никак. у меня получилось, что есть элемент «#content» чья высота нормальная, и элемент «#footer», — у него y позиция меняется в зависимости от размера окна (но он не наезжает на «#content»). можно написать такой javascript, что высота элемента content всегда равна высоте окна.

вот ссылка http://www.alistapart.com/articles/footers/

РезиновыйЗапаЛ 2004

Странно. А от меня ушло. Повторил еще раз. Вот они, происки интернета:(

Mash 2004

1) footer-absolute работает в IE/Opera/Mozilla.
2) запоздало, но вдруг всё ещё интересно: http://imfo.ru/archive/2004/04/07/2_cells. В принципе, как ни крути, для каждого отдельно взятого случая нужен свой подход.

Мои книги