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.


For someone who claims to be a “mac advocate”, you seem to be ignoring the fact that it doesn’t work in Safari.

Posted by Kris Khaira on Mar 10, 05 | 3:01 pm

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.

Posted by Tim on Mar 10, 05 | 5:21 pm

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

Posted by Craig on Apr 05, 05 | 10:56 pm

Thanks Craig! Don’t mind Kris. I really do think it’s good work!

Posted by Tim on Apr 05, 05 | 11:21 pm
Trackback URL for this entry

No trackbacks exist for this entry. No pingbacks exist for this entry.

Leave a Comment

Email this article to a friend

Who Me

My pix

I'm an online brand planner and SEO specialist in Malaysia. XHTML, CSS and PHP hacker. for branding and content planning and execution, offline and online. I'm also available for speaking and writing engagements.

Contact Me


Subscribe Me
  1. My RSS feed
  2. Subscribe with Bloglines
  3. Add me to MyMSN
  4. Blogroll Me
  5.'s BlogThis!
Subscribe via email
Related topics
I recommend
  1. Film: Aaron Eckhart, Ben Kingsley
    Suspect Zero (2004)
  2. Film: Emily Mortimer, Gerard Butler
    Dear Frankie (2004)
  3. Music: Bruce Springsteen

    Devils and Dust (2005)

  4. Film: Daniel Auteuil, Emmanuelle Béart

    Un Coeur En Hiver (1993)

  5. Literature: Emmanuel Bove

    Quicksand (1993)

Google Textads
Google Textads
Bloglines feeds

Blog News


CSS/Web Development

Filters (Other)



Search Engine News


Tech Business News

Tech News
Powered by Bloglines
Google Textads
Listed in the Kuala Lumpur, Malaysia Copywriters Directory at Blog search directory