Thursday March 10
sticky footer using CSS
An interesting CSS hack that realises the nirvana of CSS: the browser-scalable layout. It lets you create a footer that's 100% visible and sticks to the bottom of the page, no matter the size of window or screen. It uses a teased bottom property on the footer container and a forced height on the page container. But a hack is still a hack. For what it's worth, it's really inventive.
http://solardreamstudios.com/learn/css/footerstick/
Comments
For someone who claims to be a “mac advocate”, you seem to be ignoring the fact that it doesn’t work in Safari.
You’re right. It is broken in Safari. It is a hack and hacks run the risk of breaking in certain browsers. Perhaps you should bring it up with the author and help him fix it. He’s probably waiting for someone with a Mac to help him make it better.
Hello… I’m the author of the afore mentioned article.
Actually, I do own a mac (G5 Tower and a Mac Mini). I use Firefox though since Safari is not up to par in my opinion. I do state in the article that it does not work in Safari.
There is a way to do this type of effect in Safari but it requires JavaScript. I wanted to offer a solution that does not require any JS code.
If you are still upset that this does not work in Safari you could always bug Apple to upgrade their browser to support web standards and CSS2. :)
Thanks Craig! Don’t mind Kris. I really do think it’s good work!
Trackback URL for this entry
http://timyang.com/pingserver.php?p=tb&id=475
No trackbacks exist for this entry. No pingbacks exist for this entry.