2013-03-03 11 views
-1

Нужно прикрепить нижний колонтитул к нижней части браузера. И когда вы прокручиваете страницу, нижний колонтитул не двигается.Макет. Верхний нижний колонтитул

Как я могу это сделать?

+0

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

ответ

1
#footer{ 
    position: absolute; 
    height: 60px; //or other fixed 
    bottom: 0; 
    left: 0; 
    right: 0; 
} 

Этот стиль должен охватывать весь контент нижнего колонтитула. Это заставит его вставлять в нижнюю часть страницы, независимо от того, сколько вы прокрутите вниз.

Чтобы сделать то же самое или на стороне, вы также должны использовать абсолютный.

+0

Как бы OP продолжал использовать этот стиль? Должно ли это быть '# footer', затем размещать его содержимое внутри'

'? –

+0

Добавил для вас лучший комментарий. Все содержимое нижнего колонтитула должно быть внутри #footer. Кроме того, left: 0 и right: 0 не нужны, если использовать div, но это если использовать что-то другое. – fotanus

Смежные вопросы