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

Тема в разделе "Верстка", создана пользователем Nei, 31 мар 2013.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. Nei

    Nei Nosce te ipsum

    Регистр.:
    5 сен 2009
    Сообщения:
    600
    Симпатии:
    468
    Приветствую.

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

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

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    776
    Симпатии:
    230
    position absolute посмотрите.
     
  3. Nei

    Nei Nosce te ipsum

    Регистр.:
    5 сен 2009
    Сообщения:
    600
    Симпатии:
    468
    Position absolute - это хорошо конечно, но высота страницы не фиксированная, поэтому, какое значение ставить параметру "top" при таком позиционировании совершенно неясно.
     
  4. zek24

    zek24

    Moderator
    Регистр.:
    14 ноя 2009
    Сообщения:
    776
    Симпатии:
    230
    top:100%;
    padding: минус высота блока;
    Блок сначала опустится вниз, после поднимается вверх на свою высоту.
     
    Nei нравится это.
  5. Nei

    Nei Nosce te ipsum

    Регистр.:
    5 сен 2009
    Сообщения:
    600
    Симпатии:
    468
    Увы, top:100% (как и bottom:0 соответственно) прижимают к нижнему краю экрана, а не страницы. Т.е. если страница не влазит в рамки экрана (а это именно мой случай), то не работает такой метод.
     
  6. n1k.Sly

    n1k.Sly Постоялец

    Регистр.:
    7 сен 2009
    Сообщения:
    76
    Симпатии:
    7
    А если див вставь в главный див страницы и выровнять по боттому? тогда должен прижаться к нижней части того дива в который вставил
     
    Nei нравится это.
  7. Nei

    Nei Nosce te ipsum

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

    Всем спасибо
     
Статус темы:
Закрыта.