Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > DIV на высоту всей страницы (не окна!)


Автор: wowka19 6.1.2012, 18:24
Есть DIV. Необходимо чтоб он был высотой на всю страницу ( а не окно).
height: 100%; - дает эффект растягивания блока на все окно, в то время как страница занимает больше окна (прокрутка).
Как этого эффекта?

Автор: $дмитрий 6.1.2012, 19:47
Покажи код всей страницы

Автор: tishaishii 7.1.2012, 00:27
height: 100%;
position: fixed;

Автор: wowka19 7.1.2012, 12:07
tishaishii, тогда DIV будет на весь экран/окно (что мне не нужно) А НЕ НА ВСЮ СТРАНИЦУ!!!
Однако решение я нашел:

body {position:absolute;}
Вот теперь tishaishii, корневой (находящийся непосредственно в body) <div style="height:100%"> будет на всю страницу!!!

Правда возникла другая проблема:
Мне необходимо чтоб минимальная высота этого DIV была равна высоте окна. Другими словами - я хочу чтоб DIV в ЛЮБОМ случае заполнял весь экран.
Как этого добиться без костылей?

Автор: ksnk 7.1.2012, 12:26
Цитата(wowka19 @  7.1.2012,  12:07 Найти цитируемый пост)
body {position:absolute;}

Во всех броузерах проверял? Chrome? Firefox? IE-7-9?

Мне всегда казалось, что 
Код

html,body { 
padding:0;margin:0; 
height:100%;
}

Автор: SelenIT 10.1.2012, 18:55
Цитата(wowka19 @  7.1.2012,  12:07 Найти цитируемый пост)
body {position:absolute;}

Неожиданно, но благодаря оговорке в спеке (http://www.w3.org/TR/CSS21/visudet.html#propdef-height) должно работать. Слыхал про близкий прием с body { display:table }, но там IE7 точно в пролете, а здесь должен понять...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)