Currently, I have my footer flowing with my page, always at the bottom, but this way, if there is little or no content on the page, the footer is placed in the middle of the page.
An alternative I tried is to use absolute positioning to place the footer at the bottom of the page, but this overlaps the content when the page needs to scroll.
Is there a way to force the footer to be at the bottom of the page no matter how long the page goes (but it is still at the bottom when the page is small)?

2 answers

danwellman 5600
This was chosen as the best answer

Two words: sticky footer

Answered almost 8 years ago by danwellman
#footer{position:fixed; bottom:0px;}
Answered almost 8 years ago by Maksim Pecherskiy