Skip to content

Instantly share code, notes, and snippets.

@vinicius33
Last active August 29, 2015 14:06
Show Gist options
  • Save vinicius33/6c849227658be4f9d3f7 to your computer and use it in GitHub Desktop.
Save vinicius33/6c849227658be4f9d3f7 to your computer and use it in GitHub Desktop.
Sticky Footer into main app
<main>
<section class="container">
<footer class="footer"></footer>
</section>
</main>
/* your reset*/
html,
body {
height:100%;
}
.container {
position:relative;
min-height:100%;
width:1000px;
margin:0 auto;
background:#ccc;
}
.container:after {
content:'';
height:200px;
display:block;
}
.footer {
position:absolute;
bottom:0;
height:200px;
width:1000px;
background:#999
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment