Question

I have a web site where I use a footer with a black background. On long pages, my footer is correctly adjusted on the bottom of my page. The problem occurs on small pages when I don’t have any scrollbars. In this case, my footer in not at the bottom of my window browser and after the footer (with black background) we still see white background after the footer.

How can I proceed to have my black footer expanded until the bottom of my window browser?

Here is a live example: http://jsbin.com/okobeh/2/edit#javascript,html,live

On this example, you see my footer and below this footer we see white space.

Thanks.

Answer 1

May be you want sticky footer technique check this http://ryanfait.com/sticky-footer/ .

Check this http://jsbin.com/okobeh/4/edit#html,live