Sticky сноска с абсолютно расположенной странице

Question

Некоторые из вас могут знать меня от этого вопроса: Sticky Footer (not sticking!)

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

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

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

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

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

Заранее благодарен!

Новичок Кодер не зная, что делать.

Answer 1

Это сделало бы работу:

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

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

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

Кстати, это не propieties:

position: float; 
float: bottom; 

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

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

Подробнее here и here.

Answer 2

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

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

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