수다닷컴

보통 작업하실때 푸터를 브라우저 하단에 안붙이고 컨텐츠 길이에 맞게 이동하게 만들지 않나요?
저희 회사는푸터를 무조건 부라우저 하단에 붙이라고 해서 그렇게 작업을 하고 있는대요
레이아웃을 잡을때
css는
#wrap{width:800px;height:100%;margin:0px auto;text-align:left;}
#head{height:100px; background:#ddd;position:relative;z-index:1;}
#body{height:100%;margin:-100px 0 -50px;}
.left{width:167px;float:left;}
.content{float:left;height:653px;}
#container{padding:100px 0 50px;}
#foot{height:50px;background:#ddd;clear:both;}
이렇게 하고

div id=wrap
!-- head --
div id=head head/div
!-- //head --
!-- body --
div id=body
div id=container
!-- left menu --
div class=leftleft /div
!-- //left menu --
!-- content --
div class=content/div
!-- //content --
/div
/div
!-- //body --
!-- footer --
div id=foot foot /div
!-- //footer --
/div
이런식으로 레이아웃을 잡고 작업했었는데요 뭔가 어설프기도 하고
좀 복잡한거 같기도 하고 이래 저래 수정을 해봤는데 답이 안나오네요
이걸 좀 더 쉽게 바꿀 수 있는 방법이 없을까요?

#body{height:100%;margin:-100px 0 -50px;} 여기 마진값을 -100 안하면
컨텐츠가 헤드랑 떨어지고그래서 푸터도더 내려가버립니다. ;;

신청하기