Пришлось повозиться с проблемой. Не удавалось сделать div по высоте на все окно, используя стандартное CSS свойство:
#divid {height: 100%}
Решение проблемы таилось в добавлении следующего неочевидного правила:
html, body {height: 100%}
Как сделать DIV 100% по высоте при помощи CSS
Комментарии (оставить комментарий)
Алексейполное решение тут
http://handynotes.ru/2008/01/100-height-css.html
Суть в общем-то в следующем:
- чтобы элементу задавать относительную высоту, должна быть задана высота у родительского элемента.
поэтому от дива, что должен растянутся по высоте на 100% надо пройтись по всем родителям от него и задать им какие бы то ни было высоты. Например все тот height 100%.12.03.2010
ИринаСпасибо! Наконец - то удалось решить проблему с высотой блока, равной высоте окна. Все просто решается одной строчкой.
12.09.2012
ВаняЗдравствуйте!
Сделал всё как вы и описали и... НИЧЕГО НЕ ПОМОГЛО!
в Хроме - Div больше размера окна ~ 130%
в Опере - Div меньше размера окна ~ 50%
в IE - Div больше размера окна ~ 130% + выравнивание Div`a по левому краю, хотя в CSS установлено (margin: 0 auto;)
Контейнер Div содержит несколько пустых контейнеров, которые залиты цветом.
Помогите решить проблему! Уже битый час мучаюсь!15.10.2012
Оставьте свой комментарий
Спасибо за совет!!!
Ответить
02.05.2006