[help] Проблема с позиционированием

Тема в разделе "Веб-дизайн", создана пользователем rijy, 18 дек 2008.

Статус темы:
Закрыта.
Модераторы: zek24
  1. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    Здравствуйте уважаемые.
    Возникла проблема с позиционированием футера на сайте.
    Футер в виде темной полоски с горизонтальной менюшкой.
    Необходимо чтобы он был вплотную прилеплен к нижнему краю экрана.

    Было сначала:
    Если много контента на страничке (больше чем на высоту экрана) - то футер нормально позиционируется и прижимается к нижнему краю. Если же контента мало (меньше чем на страничку) - то он поднимается на середину экрана.

    Тогда я применил абсолютное позиционирование:
    Код:
    style="position: absolute; bottom: 0px; width: 100%"
    Теперь возникла другая проблема. Если контента мало - все нормально - футер как прилепленный к нижнему краю. НО если количество контента больше чем на высоту экрана - футер цепляется к нижнему краю экрана в независимости от того на сколько прокруток экрана контент. Вот как это выглядит:
    Перейти по ссылке
     
  2. Tias

    Tias

    Регистр.:
    26 дек 2007
    Сообщения:
    438
    Симпатии:
    147
    position: fixed
    не оно?
     
  3. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    попробовал.. тогда если мало контента - футер опять посредине экрана(
     
  4. Frize

    Frize Создатель

    Регистр.:
    18 ноя 2008
    Сообщения:
    42
    Симпатии:
    6
    значит в чем-то ошиблись.

    такие задачи обычно решаются через "position: fixed;" + костыль для ie.
     
  5. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    вот вот.. я под ие и смотрю. в чем заключается этот самый костыль?
     
  6. Frize

    Frize Создатель

    Регистр.:
    18 ноя 2008
    Сообщения:
    42
    Симпатии:
    6
    http://www.howtocreate.co.uk/fixedPosition.html
     
    rijy нравится это.
  7. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    эмм.. у меня оно как-то странно работает.
    если контента мало - оно нормально внизу экрана
    если контента много (если контента больше чем на одну высоту экрана) - оно располагается не внизу контента, а внизу экрана. и если прокручиваешь - оно просто висит внизу экрана и все.
     
  8. rijy

    rijy

    Регистр.:
    3 ноя 2007
    Сообщения:
    249
    Симпатии:
    82
    нашел решение проблемы. у кого аналогичная трабла, смотрите тут:
    http://warmrobot.com/diary/footer-bottom-screen
     
  9. Alisandre78

    Alisandre78 Постоялец

    Регистр.:
    16 дек 2008
    Сообщения:
    144
    Симпатии:
    36
    Попробовал это вариант все равно у меня сдвиг.

    Добавлено через 1 минуту
    Пардон все ок... пробел в неположенном месте мешал...
     
Статус темы:
Закрыта.