Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> DIV на высоту всей страницы (не окна!) 
:(
    Опции темы
wowka19
Дата 6.1.2012, 18:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 285
Регистрация: 30.11.2011

Репутация: нет
Всего: нет



Есть DIV. Необходимо чтоб он был высотой на всю страницу ( а не окно).
height: 100%; - дает эффект растягивания блока на все окно, в то время как страница занимает больше окна (прокрутка).
Как этого эффекта?
PM MAIL   Вверх
$дмитрий
Дата 6.1.2012, 19:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1037
Регистрация: 19.6.2004

Репутация: 10
Всего: 45



Покажи код всей страницы
PM MAIL   Вверх
tishaishii
Дата 7.1.2012, 00:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Создатель
***


Профиль
Группа: Завсегдатай
Сообщений: 1262
Регистрация: 14.2.2006
Где: Москва

Репутация: нет
Всего: 8



height: 100%;
position: fixed;
PM MAIL ICQ Skype   Вверх
wowka19
Дата 7.1.2012, 12:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 285
Регистрация: 30.11.2011

Репутация: нет
Всего: нет



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

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

Правда возникла другая проблема:
Мне необходимо чтоб минимальная высота этого DIV была равна высоте окна. Другими словами - я хочу чтоб DIV в ЛЮБОМ случае заполнял весь экран.
Как этого добиться без костылей?
PM MAIL   Вверх
ksnk
Дата 7.1.2012, 12:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



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

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

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

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



--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
SelenIT
Дата 10.1.2012, 18:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



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

Неожиданно, но благодаря оговорке в спеке (про percentage) должно работать. Слыхал про близкий прием с body { display:table }, но там IE7 точно в пролете, а здесь должен понять...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0654 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.