Нужно прижать блок к низу страницы. Прошу помочь

[Nei]

Приветствую.

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

P.S. Кто ссылки в сапе продаёт - сразу поймут для чего этот финт)

 

[zek24]

position absolute посмотрите.

 

[Nei]

Position absolute - это хорошо конечно, но высота страницы не фиксированная, поэтому, какое значение ставить параметру "top" при таком позиционировании совершенно неясно.

 

[zek24]

top:100%;
padding: минус высота блока;
Блок сначала опустится вниз, после поднимается вверх на свою высоту.

 

[Nei]

top:100%;
padding: минус высота блока;
Блок сначала опустится вниз, после поднимается вверх на свою высоту.

Увы, top:100% (как и bottom:0 соответственно) прижимают к нижнему краю экрана, а не страницы. Т.е. если страница не влазит в рамки экрана (а это именно мой случай), то не работает такой метод.

 

[n1k.Sly]

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

 

[Nei]

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

Сразу таким методом не заработало, правда. Всё равно прижимало к низу экрана.
Но зато эта идея натолкнула на мысль изменить свойства дива страницы. В итоге нужный результат получается, если добавить position:relative;overflow:hidden

Всем спасибо