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.
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.