html - Footer on bottom but not sticky -

html - Footer on bottom but not sticky -

i'm trying footer flush bottom of page, not sticky - @ bottom in case user scrolls downwards there.

this "works" there seems bit of white space @ bottom after footer appears looks little awkward. know best way css flush footer bottom , maintain @ bottom without making sticky?

let me know if want me post html/css.

there number of examples on web of this.

here supposedly updated version: http://mystrd.at/modern-clean-css-sticky-footer/ ; have no experience one.

and classic version has been around long time , used many:

http://www.cssstickyfooter.com/html-code.html

here's own edited version of sec link i've had luck with.

/* sticky footer stuff */ html,body { height: 100%; } #sticky-wrap { min-height: 100%; } .footer { height: 160px; margin-top: -160px; } /* end sticky footer stuff */ <div class="wrapper" id="sticky-wrap"> <div class="content-area”> </div> </div> <footer> </footer>

html css