Wednesday, October 15, 2008

Fixed-position footer

i've been working (more accurately trying to work) on the TOS Funerals website design so it works well in older browsers, because it degrades horribly in them. for this to work, i needed a technique to force a footer to stay at the bottom of the window whether or not the content filled the window. the first technique i tried was from Boagworld. it worked like a charm - but only in newer browsers (Chrome, Firefox 3, Flock 1.2, IE 7, Opera 9.6, Safari 3/Win). it completely failed in IE 5.5 and 6 (quite unlike the advertisement. my guess is IE 5.5 and 6 don't understand the conditional comments).

so i got my rubber gloves on and tried getting a new technique - once again a Javascript-free method of getting about it. from yesterday's tests, this technique from Dave Woods' blog worked in IE 5.5 and 6, as well as the newer browsers. guess that's what i'll be using for now.

Update: the fault was with me. the Boagworld technique works. quite well, in fact. and it's smaller in both markup and styling.

here it is in Chrome:

Firefox 3:

Internet Explorer 5.5:

Internet Explorer 6:

Internet Explorer 7:

Opera 9.6:

and Safari 3/Win:

No comments: