2

What HTML/CSS is used to create a bar that fills the bottom of the browser and remains in place when the user scrolls? See envato.com for an idea of what I'm talking about.

86Stang
  • 349
  • 1
  • 4
  • 16
  • Search before asking. Duplicate: http://stackoverflow.com/questions/42294/how-do-you-get-the-footer-to-stay-at-the-bottom-of-a-web-page – Josh Stodola Jan 13 '10 at 16:59
  • I did search and maybe I'm just 'search challenged' but I only found things for making sure the footer stayed at the bottom when the page didn't fill the whole screen. I'll be more diligent next time. – 86Stang Jan 13 '10 at 19:02

1 Answers1

2

I've used this method before and it seems to work just fine.

http://ryanfait.com/sticky-footer/

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
    height: 142px; /* .push must be the same height as .footer */
}
Robert Greiner
  • 29,049
  • 9
  • 65
  • 85