Skip to content

Instantly share code, notes, and snippets.

@ho-nl

ho-nl/MagentoStickyFooter.css

Created March 21, 2011 15:59
Show Gist options
  • Save ho-nl/879679 to your computer and use it in GitHub Desktop.
Save ho-nl/879679 to your computer and use it in GitHub Desktop.
Download ZIP
Magento sticky footer
Raw
MagentoStickyFooter.css
/* ================================= Magento Sticky Footer ================================ */
html,body { margin:0; padding:0; height:100%; }
.wrapper { min-height:100%; position:relative; _height:100% /* _height = for ie */ }
.header-container { }
.main-container { padding-bottom:300px; height:100%; }
.footer { padding:0;margin:0 }
.footer-container { padding:0;position:absolute; left:0; bottom:0; width:100%; height:300px; }
.footer-container { background:#496778}
/* ================================= Solution by www.h-o.nl =============================== */
@ho-nl
Copy link
Author

ho-nl commented Mar 25, 2011

This solution is part of our blog post: Sticky Footer for Magento: the Cut & Paste solution (CSS only!). Please subscribe to our RSS or follow us on Twitter for tips & tricks, free Magento extensions and more.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment