Posted By

Eystein on 09/16/10

Tagged

css
layout

Versions (?)

Last Edited at 09/16/10 05:40pm

Statistics

Viewed 907 times

Favorited by 1 user(s)

Related snippets

Sticky footer CSS

/ Published in: CSS

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

html, body {height: 100%;}
 
#wrapper1 {min-height: 100%;}
 
#wrapper2 {
	overflow:auto;
	padding-bottom: 16.5em;   /* must be same height as the footer */
}
 
#footer {
	margin: -16.5em 0 0 0; /* negative value of footer height */
	height: 16.5em;
}