ryanfait.com — " We've all tried to use a sticky footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS-based sticky footer are thankfully over. In just a few simple CSS classes with minimal extra HTML markup, I've fashioned a sticky footer that even beginners can get a handle on."
Apr 18, 2007 View in Crawl 4
47knightApr 19, 2007
That's because the whole site is composed of images...BTW, this isn't working for me in FF.
evilcowsanApr 19, 2007
What does sticky specifically mean? Because when i read it i thought that the footer would be visible at all times regardless of where you are in the page, but it doesn't do that for me. If it mean it stays at the bottom of the content then yeah it does that...EDIT: Ah I shoulda kept reading, Gzero explains it well "it'll be at the bottom of your window no matter how short your content is."
greatblackowlApr 19, 2007
Is that even supposed to be a sticky footer on the bottom of the page? It seems like it would, but he never said it was intended to be one.EDIT: FF 2.0.0.3, Opera 9.2, IE 7 - doesn't stick for any
higherlogicApr 19, 2007
Here are some better examples, though if you were developing a site that people actually needed to use, you wouldn't do this:<a class="user" href="http://cssplay.co.uk/layouts/fixit.html">http://cssplay.co.uk/layouts/fixit.html</a><a class="user" href="http://cssplay.co.uk/layouts/bodyfix.html">http://cssplay.co.uk/layouts/bodyfix.html</a><a class="user" href="http://cssplay.co.uk/layouts/body2.html">http://cssplay.co.uk/layouts/body2.html</a><a class="user" href="http://cssplay.co.uk/layouts/body4.html">http://cssplay.co.uk/layouts/body4.html</a><a class="user" href="http://cssplay.co.uk/layouts/body5.html">http://cssplay.co.uk/layouts/body5.html</a>
insub2Apr 19, 2007
A Sticky Footer is at the bottom of the viewport *unless* the content of the page pushes it down. If the content fills the viewport (part of browser where the webpage is visible), then the Sticky Footer will remain at the bottom of the document and be pushed down out of the view port.
danielxmorrisApr 19, 2007
I think he's used an image because he likes the Myriad typeface. Using: font-family: 'Myriad',... would only work when viewed on a Mac, so he has used an image instead.
phenom2k7Apr 19, 2007
Buried for the excessive use of images where it isn't necessary.
diznangApr 19, 2007
While we're at it...I hereby claim all rights to use of "a:hover". You may not use it without my written permission.
spinballApr 19, 2007
Now I have somewhere to put my waving flag and opening mailbox animated gifs. It's a step backwards for web design.
smitjelApr 23, 2007
It does work...maybe you don't understand the meaning of sticky footer in this case?<a class="user" href="http://digg.com/design/A_CSS_Sticky_Footer#c6232470">http://digg.com/design/A_CSS_Sticky_Footer#c6232470</a>