Нижний колонтитул не слипается после того, как было опробовано несколько решений - PullRequest
1 голос
/ 08 марта 2011

У меня проблемы с тем, чтобы мой нижний колонтитул прилипал к нижней части страницы. Он работает в 1024x1280, для чего я и проектирую, но секция #content перекрывает нижний колонтитул и вызывает пробелы в нижней части окна, как только я тестирую его в 1024x768 и 800x600. Я пробовал:

  • Установка абсолютного положения нижнего колонтитула с нижней стороны: 0;
  • Использование позиции: исправлено, работает, но перекрывает содержимое. Я хочу, чтобы он появлялся после контента.
  • Добавление отступов в контейнер и подтягивание нижнего колонтитула с отрицательным полем
  • Добавление отступов к #content и подтягивание нижнего колонтитула с отрицательным полем
  • Использование ужасного хакерского #push div, установленного на ту же высоту, что и нижний колонтитул

Вот страница, на которой возникла проблема.

На данный момент я уже готов бросить Jquery и все готово, но если есть CSS-способ решения проблемы, я открыт для предложений.

Редактировать: Если на мгновение все выглядит немного странно, это потому, что я добавляю плагин для растягивания фонового изображения. Простите за беспорядок!

1 Ответ

0 голосов
/ 08 марта 2011

Есть два очень популярных метода для липкого нижнего колонтитула, проверьте эти ссылки:

http://ryanfait.com/sticky-footer/

http://www.cssstickyfooter.com/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...