Skip to content

Instantly share code, notes, and snippets.

@crecotun
Created February 16, 2012 09:42
Show Gist options
  • Save crecotun/1843675 to your computer and use it in GitHub Desktop.
Save crecotun/1843675 to your computer and use it in GitHub Desktop.
Untitled
html, body {
height: 100%;
margin:0;
}
.wrapper {
height: auto !important; height: 100%; min-height: 100%;
}
.content {
background: #ccc;
width: 100px;
margin: 0 auto;
position:absolute;
top:0;
bottom:70px;
left: 50%;
margin: 0 0 0 -50px;
border-radius: 5px;
}
.content .inner {
height: 100px;
background: #dedccc;
}
footer {
height: 50px;
margin: -50px 0 0 0;
background: #000;
}
<div class="wrapper">
<div class="content">
<div class="inner"></div>
</div>
</div>
<footer>
</footer>
{"view":"split-vertical","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment