css를 이용하여 footer 영역을 하단에 고정시키기

html

헤더

사이드

컨텐츠

풋터

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값과 절대값(+,-부호를 제외한 값)이 같아야 합니다.