Wickham's HTML & CSS tutorial

Sitemap | Home | Fixed header or footer

Footer tied to bottom of screen which also works in IE6

1 green icon This Page has had a footer tied to the bottom and it works in IE7, Firefox, Opera, Safari and also in IE6. The footer will stay below the lowest content in a window with a small height and create a scrollbar, or stick to the bottom of a window with larger height than the content needs. The footer is not always visible in modern browsers like item 1a in Fixed header or footer since you need to scroll in a window with smaller height than the content.

The important styles have been put in the head section style tags of this page although general styles are in the main stylesheet. View the source code for the styles and body markup.

The code is based on code from Dave Woods.

© Wickham 2008