This demonstrates one approach to the problem of placing a footer in a position described by Tuttle Grey as follows:

- render an element at the bottom of the canvas, except...
- when the page content is shorter than the viewport, render that element at the bottom of the viewport.

See posting to css-discuss

This page should be small enough to demonstrate the second point. For a demo of the first point using the same style, see FooterDemo2. The stylesheet can be found at FooterDemo.css. This has been tested and works in IE5.5+/Win, Moz0.9.9, and Moz1.0. It does not work in Opera 6. Any suggestions for that would be appreciated.

Please note that this page should be referenced as http://scott.sauyet.com/CSS/Demo/FooterDemo1.html.

This footer will sit at the bottom of the documemnt, unless the document is shorter than the window, in which case it will sit at the bottom of the window. Created by Scott Sauyet of Andover, Connecticut, USA. Use as you see fit.