| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > 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 | ||
Во всех броузерах проверял? Chrome? Firefox? IE-7-9? Мне всегда казалось, что
|
| Автор: SelenIT 10.1.2012, 18:55 |
Неожиданно, но благодаря оговорке в спеке (http://www.w3.org/TR/CSS21/visudet.html#propdef-height) должно работать. Слыхал про близкий прием с body { display:table }, но там IE7 точно в пролете, а здесь должен понять... |