Skip to content

Instantly share code, notes, and snippets.

@goldsky

goldsky/body.html

Created February 5, 2012 09:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save goldsky/1744347 to your computer and use it in GitHub Desktop.
Save goldsky/1744347 to your computer and use it in GitHub Desktop.
Download ZIP
torben's sticky footer
Raw
body.html
<body lang="en" class="sticky-frame">
<header id="header" class="sticky-row">
<div class="center">
<h1>Some Header</h1>
</div>
</header>
<div id="wrap" class="sticky-row sticky-expand">
<div id="content-wrapper">
<article id="content">
<p>Some content</p>
</article>
</div>
</div>
<footer id="footer" class="sticky-row">
<div class="center">
<div id="footer-top">
<p>&nbsp;</p>
</div>
<div id="footer-bottom">
<p>Copyright &copy; 2009 - 2012 Some copyright here</p>
</div>
</div>
</footer>
</body>
@goldsky
Copy link
Author

goldsky commented Feb 5, 2012

The additional CSS for content-wrapper:

#content-wrapper {
    height: 100%;
    overflow: hidden;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    margin: 0pt auto;
    max-width: 960px;
}

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