Hi guys,

I need to make a footer stays at the bottom edge of the browser screen even if the "main div" content is not enough to "push" the footer to eh bottom. But I don't want the footer to have a position fixed, because that will make it not to scroll with the rest of the page.

I'm looking for an elegant solution. I don't want to make nasty things like using javascript to get the viewport height and adjust the height of the maindiv in base of that. And of course I'm looking for a solution that works with at least FF, IE8 and Chrome in all resolutions used these days.

Maybe this image could clarify my need:


1 answer

This was chosen as the best answer


Answered over 8 years ago by Tony Crockford
  • Awesome, thanks. I guess I didn't search for the magic keyword "sticky" :P Emiliano Parizzi over 8 years ago