Бортовой журнал Ктулху

Всегда прибитый снизу футер

Очень полезный код. Такое решение будет работать во всех современных браузерах, включая Google Chrome и IE8.

 

<style>
* {margin:0;padding:0;} 
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*/ 
} 
</style>
<!--[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>