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
Comments
Post a Comment