Sticky Footer

This is pretty much the exact same code as found at and quite frankly I haven’t found a better way. Slightly altered to take out IEMac support and a cleaner clearfixfix.

I’ll also assume you use a good CSS Reset therefore won’t need ‘* {margin:0;padding:0;}‘.


html, body, #out { height:100%; }
body > #out { height: auto; min-height: 100%; }
#content { padding:0 0 60px; }
#content:after { content: "."; clear:both; height: 0; visibility:hidden; display:block; }
#foot { clear:both; margin:-60px auto 0;  height:60px; }


<div id="out"> <div id="content"></div></div><div id="foot"></div>

Simple, clean and cross-browser friendly. Good times.