footer 하단 고정

html <div id="wrap"> <div id="bodyContent"> <div id="header">헤더</div> <div id="side_navi">사이드</div> <div id="contents">컨텐츠</div> </div> </div> <div id="footer">풋터</div>
CSS html,body{width:100%;height:100%;padding:0;margin:0;} #wrap{min-height:100%;_height:100%;margin-bottom:-55px;background:#eee;} #wrap *{padding:20px 0;text-align:center;} #bodyContent{padding:0 0 50px;background:#ddd;} #header{background:#ccc;} #side_navi{float:left;width:20%;background:#bbb;} #contents{float:left;width:80%;background:#999;} #footer{height:55px;background:#fff;text-align:center;}
CSS에서 중요한 특징은
min-height:100%; height:100%; _height:100%; margin-bottom:-55px; height:55px; 이다.
margin-bottom값은 footer의 height값과 절대값이 같아야 한다.