2010-11-09 5 views
0

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

#footer 
{ 
    min-width: 900px; 
    text-align: center; 
    position: absolute; 
} 

Его самый последний div на странице. Я тестирую его здесь blog.0arrays.com (тема по умолчанию для tumblr), но нижний колонтитул просто не будет придерживаться низа. Он отображается в середине страницы. Я могу предоставить полный код, если кто-то захочет посмотреть на него, поскольку его слишком долго вставлять.

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

EDIT:

Я действительно не волнует, если его липким или нет (то есть в самом низу), я просто не хочу, чтобы она появилась в середине моего текста, как вы можете см. на сайте.

EDIT 2:

Я отправил полный код here (via pastie), Arrrr .... Могу поспорить, что ответ очень прост, это делает мою голову почему-то ваши предложения не являются. за работой.

Никто ...?

+1

[еще один липкий сноска ответ] (http://stackoverflow.com/search?q=css+sticky+footer): HTTP: // WWW .cssstickyfooter.com – BalusC

+0

http://ryanfait.com/sticky-footer/ - лучший! – Marwelln

+0

^^ Я посмотрел как на – jonnnnnnnnnie

ответ

1

В дополнение к другим атрибутам, установленным для #footer, вы также должны добавить bottom:0, чтобы установить его положение в нижней части страницы.

EDIT: Вы также должны position:fixed вместо абсолютного

+0

Не работает в любом случае. Элемент не будет следовать при прокрутке страницы. Он будет оставаться на том же месте, пока вы прокручиваете. – Marwelln

+0

Хорошая точка, на самом деле это должно быть положение: исправлено – Infotekka

0

Если вы не заботитесь о сохранении колонтитула в нижней части вы просто должны удалить позицию: абсолютная; из #posts.

+0

Ничего из этого не похоже на работу для меня ... Я думаю, что есть что-то очень не так с моим кодом – jonnnnnnnnnie

+0

удаляющая позиция: абсолютная от сообщений делает левое div div – jonnnnnnnnnie

0

Если вы хотите сделать нижний колонтитул нижней частью страницы, используйте фиксированное положение.

#footer { 
    position: fixed; 
    bottom: 0px; 
} 
Смежные вопросы