xhtml & css

html, body {height: 100%;}
 
#wrap {min-height: 100%;}
 
#main {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */
 
#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 
 
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
< ![endif]-->

 
<div id="wrap">
	<div id="main">
 
	</div>
</div>
 
<div id="footer">
 
</div>