Skip to content

Instantly share code, notes, and snippets.

@jonbellah
Created January 21, 2013 13:23
Show Gist options
  • Save jonbellah/4586003 to your computer and use it in GitHub Desktop.
Save jonbellah/4586003 to your computer and use it in GitHub Desktop.
Sticky Footer for the Genesis Framework
html, body {
height: 100%;
}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
#wrap {
min-height: 100%;
_display: table; /*ie hack*/
_height: 100%; /*ie hack*/
}
#inner {
padding-top: 0;
padding-right: 0;
padding-bottom: 30px; /*same height as footer*/
padding-left: 0;
overflow: auto;
}
#footer {
clear: both;
margin-top: -30px; /*negative value of footer height*/
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: 30px;
/*padding: 5px 0;*/
}
#footer .wrap {
padding: 5px 0; /*originally in #footer*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment