сделать div до конца страницы

Question

На моем веб-сайте имеется длина содержимого, и это иногда означает, что нижний колонтитул не расположен в нижней части страницы, есть ли способ сделать нижний колонтитул заполнен какое пространство осталось?

http://www.ibdnetwork.co.uk/members-content/forums

Answer 1

Посмотрите на отличный пост на CSS-Tricks.Com:

• A Bulletproof Sticky Footer, Woohoo!

See the demo here :)

Answer 2

Есть несколько подходов к этой проблеме. Один из них должен состоять из

html, body { height:100%; } 

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

Смотрите, если это помогает:

How do I force a DIV block to extend to the bottom of a page even if it has no content?

Answer 3

CSS

#footer { 
    position:fixed !important; 
    bottom:0; 
} 

Это должно сделать это. Вы можете добавить прописку на свою обертку содержимого, которая имеет высоту вашего нижнего колонтитула + 50 пикселей или что-то в этом роде, для расстояния между контентом и нижним колонтитулом. Нижний колонтитул будет поверх вашего контента.