I have the following page (deadlink: http://www.workingstorage.com/Sample.htm
) that has a footer which I can't make sit at the bottom of the page.
I want the footer to
- stick to the window bottom when the page is short and the screen is not filled, and
- stay at the document end and move down as normal when there is more than a screenful of content (instead of overlapping the content).
The CSS is inherited and befuddles me. I can't seem to change it properly to put a minimum height on the content or make the footer go to the bottom.
Best Answer
A simple method is to make the body
100%
of your page, with amin-height
of100%
too. This works fine if the height of your footer does not change.Give the footer a negative margin-top: