height сайта 100%

[Ergonav]

В общем wrapper должен растягиваться на всю длину монитора, как этого добиться, не понимаю) 100% - не работает, прощу помощи.

Edited May 2, 2012 by Ergonav

[alexandr_v-vich]

html, body {height: 100%;}
wrapper {height: 100%;}

[Ergonav]

Получилось не так...,нужно чтоб растягивался до самого конца, страницы ведь разные по длине, как быть?

[wildhind]

min-height

[Ergonav]

min-height

Не помогло

[danik.html]

html, body {height: 100%;}
wrapper {height: 100%; overflow: auto}

html{height: 100%;}
body{min-height: 100%}
wrapper {height: 100%;}

второй вариант кажется не сработает, ибо для body не задали высоту, и запись wrapper {height: 100%} становится безполезной.

Еще можно так:

html, body {height: 100%;position: relative;}
wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0}

[Ergonav]

Не получается

Первый вариант работает, но добавляются дополнительные полосы прокрутки внутри - а это не очень как бы

Edited May 3, 2012 by Ergonav

[alexandr_v-vich]

Ergonav, вы что попросили? резину? вот резина — http://jsfiddle.net/J2DwP/. Там работает всё и везде.

Если у вас появляются какие-то дополнительные полосы прокрутки или там что-то там не до конца, значит у вас стоят там ещё элементы. Тогда формулируйте правильно задачу, какие там элементы какие из них фиксированные, какие резиновые, кто что сколько должен занимать, что за счёт контента растягивается, что за счёт изменения экрана, блабла и блабла.