Web Designer/Developer, Storyteller and Lover of Technology

I'm a web designer/developer, writer and animator living in Birmingham Ala. I have been working in the web design/development field for 10 years. I am a founding member of the writing and animation team 5 Guys in a Garage who started JabTV.com. I have worked for various internet and media companies over the years including the now defunct Hecklers.com and al.com.

Make a Footer Stick to the Bottom of the Page

Posted May 8th, 2008 by admin

One of the problems I ran across when doing web page layout. Is the ability to get a footer to hug the bottom of the browser window regardless of the length of the pages content. Then once I arrived at a solution, it didn’t work in all my target browsers. The below solution is the best I’ve seen to date. Check out Ryan Fait’s page for the information.

Make a Footer Stick to the Bottom of the Page: CSS Sticky Footer is Cross-Browser

There are several ways to make a footer stick to the bottom of a page using CSS. But until now, they’ve used long and messy hacks or a lot of extra HTML markup; this method uses only 15 lines of CSS and hardly any HTML markup. Even better, it’s completely valid CSS, and it works in all major browsers. Internet Explorer 5 and up, Firefox, Safari, Opera and more.

(Via ryanfait.com.)

Share and Enjoy:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Twitter

Related posts:

  1. HTML 5 and CSS 3 Browser Compatibility Checklist This is the most complete HTML 5 and CSS 3...

Related posts brought to you by Yet Another Related Posts Plugin.

Filed under:CSS, Coding, Programming, Web Development

Leave a Reply