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 large enough to demonstrate the first point. For a demo of the second point using the same style, see FooterDemo1. 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/FooterDemo2.html.

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Spam

Do you want Spam with that?

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.