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

Статус
В этой теме нельзя размещать новые ответы.

Nei

Nosce te ipsum
Команда форума
Модератор
Регистрация
5 Сен 2009
Сообщения
701
Реакции
611
  • Автор темы
  • Модер.
  • #1
Приветствую.

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

P.S. Кто ссылки в сапе продаёт - сразу поймут для чего этот финт)
 
position absolute посмотрите.
 
  • Автор темы
  • Модер.
  • #3
Position absolute - это хорошо конечно, но высота страницы не фиксированная, поэтому, какое значение ставить параметру "top" при таком позиционировании совершенно неясно.
 
top:100%;
padding: минус высота блока;
Блок сначала опустится вниз, после поднимается вверх на свою высоту.
 
  • Нравится
Реакции: Nei
  • Автор темы
  • Модер.
  • #5
top:100%;
padding: минус высота блока;
Блок сначала опустится вниз, после поднимается вверх на свою высоту.
Увы, top:100% (как и bottom:0 соответственно) прижимают к нижнему краю экрана, а не страницы. Т.е. если страница не влазит в рамки экрана (а это именно мой случай), то не работает такой метод.
 
А если див вставь в главный див страницы и выровнять по боттому? тогда должен прижаться к нижней части того дива в который вставил
 
  • Нравится
Реакции: Nei
  • Автор темы
  • Модер.
  • #7
А если див вставь в главный див страницы и выровнять по боттому? тогда должен прижаться к нижней части того дива в который вставил
Сразу таким методом не заработало, правда. Всё равно прижимало к низу экрана.
Но зато эта идея натолкнула на мысль изменить свойства дива страницы. В итоге нужный результат получается, если добавить position:relative;overflow:hidden

Всем спасибо
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху