[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Растянуть страницу по высоте на 100%
alexbel2404
Не силен в верстке, есть страница deleted, как растянуть ее на 100% по высоте не меняя верстки? Желательно только css, на крайний случай можно js. Гуглил, не получается) С меня магарыч в виде 200 wmr )

Пожалуйста, не цитируйте сообщение, в дальнейшем ссылку удалю!)
GET
Попробуй:

body,html {height:100%;}

.siteWrapper {min-height:100%;}


При этом .siteFooter должен быть вынесен за пределы контейнера .siteWrapper с параметром {margin: -(высота футера)px auto 0 auto;}

_____________
Не тот велик, кто не падал, а тот кто падал и поднимался.
alexbel2404
Цитата (ABC @ 21.06.2013 - 04:40)
Попробуй:

body,html {height:100%;}

.siteWrapper {min-height:100%;}


При этом .siteFooter должен быть вынесен за пределы контейнера .siteWrapper с параметром {margin: -(высота футера)px auto 0 auto;}

Растягивает не так как нужно) _deleted
Тут верстку изменил, можешь через фаербаг поиграть со стилями, если есть желание)
GET
Чтобы сайт был 100% в высоту, надо чтобы у тегов body и HTML высота была строго 100%. Содержимое сайта должно быть поделено на 2 части, основное (wrapper) и футер. Wrapper задается высота min-height:100%; а футеру задается строго в пикселях, например 200px. Затем футер утапливается отрицательным марджином как бы внутрь врапера, например -200px, а внутри врапера самым последним элементом ставится див, лимитирующий содержимое сайта на высоту футера (200px), чтобы оно не заезжало под футер.


_____________
Не тот велик, кто не падал, а тот кто падал и поднимался.
programist
Вот этот код. body,html {height:100%;}

.siteWrapper {min-height:100%;} попообуй должно получится этот код строго должен находится в дизайне а не на сомой страницы
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.