Todd Dominey posted about his CSS footer problems last week, generating some good comments. Anyone who’s done much CSS work has come across this problem (other inadequacies: mixing fixed and variable width columns, subtractive box model math, centering, full window heights, floats in flow, reserving white space—basically anything that tables could do easily). The only CSS-only solutions I’ve had success with for multi-column footers: using floats (not absolute), nested DIVs, and a spacer (clear:both) to clear the floats [examples: Gettingit.com, Ticketstubs]
This nesting method is what Scott’s template uses. Hmm, here’s an interesting footer method by another Scott. It sits at the bottom of the viewport unless the page is bigger than the viewport. Still does some nesting, but seems cleaner. Does it work in multiple columns? Hmm…