Липкий нижний колонтитул с абсолютно позиционированной страницей

Question

Некоторые из вас могут знать меня по этому вопросу: Липкий нижний колонтитул (не залипает!)

Спасибо Андресу Ильичу за то, что он указал, почему мой нижний колонтитул не прилип к нижней частистраницы - потому что мой сайт использует абсолютное позиционирование во всем.

Итак, я попытался использовать плавающие элементы и т. д., чтобы мои элементы оставались в потоке документов и чтобы нижний колонтитул знал, куда идти, однако я просто не могя не могу отказаться от абсолютного позиционирования!

Итак, кто-нибудь может помочь мне найти способ заставить нижний колонтитул придерживаться дна (упомянул ли яУ меня также есть динамический контент?), И я сохраняю свое позиционирование как есть, или простой способ сохранить мои элементы в потоке документов, но с точностью абсолютного позиционирования.

Это мой сайт: http://mc -airlines.hostei.com /

Я бы опубликовал свой исходный код, но он длинный и в значительной степени не имеет отношения к проблеме, поэтому, если возможно, вы можете просто использовать View Sourceфункция в браузере.

Заранее спасибо!

Начинающий кодер, не зная, что делать.

Answer 1

Это заставит его работать:

#container {
  min-height: 100%; /* ERASE THIS*/
}

.clearfooter{
/*ADD THIS*/
position: fixed;
bottom: 0;
z-index: 9999;
/*ERASE THIS*/
clear:both;
}

Я настоятельно рекомендую вам переписать ваш CSS. Все абсолютно позиционно, это довольно запутанно.

Кстати, это не пророчества:

position: float;
float: bottom;

position занимает> absolute / fixed / static / relative.

float занимает> left / right / none.

Подробнее здесь и здесь .

Answer 2

Это два действительно хороших варианта для липких нижних колонтитулов.Вторая ссылка, как правило, используется для перехода:

• http://ryanfait.com/sticky-footer/
• http://www.cssstickyfooter.com/

Дайте мне знать, если вам нужна помощь в реализации,Надеюсь, это поможет.