수다닷컴

안녕하세요 -
div 으로 레이아웃을 잡고 있습니다.아래와 같은 구조로 되어 있습니다.[ header ][ menu ] [ content ( 하단에 footer ) ]
content 부분이 내용이 길어지면 자동으로 menu와 footer 가 밑으로 내려가도록 하고 싶습니다.지금 css를 이렇게 잡았는데요, content 량이 길어져도 menu 부분에 배경이 늘어나지 않습니다. height: 100% 으로 지정하면 화면의 딱 100% 늘어나고, 스크롤으로 내려보면 확장(?)되어 있지 않습니다.이럴 경우 어떻게 처리하는지요?지금, content width 부분도 페이지를 읽을때 jquery로 현재 창의 크기를 구해서 menu 넓이만큼 뺀걸 적용하도록 javascript으로 해놓은 상태입니다.;;이것도 javascript 도움 없이 css 으로만 처리가 가능한지요?
.warp { position: absolute; width: 100%; height: auto; }.wrap .header { position: absolute; top: 0; left: 0; width: 100%; height: 66px; line-height: 66px; background-color: #2f2f2f; }.wrap .body { position: absolute; top: 73px; left: 0; width: 100%; height: auto; }.wrap .body .menu { position: absolute; top: 0; left: 0; width: 206px; height: auto; background-color: #f1f1f1; border-right: 1px solid #b6b6b6; }.wrap .body .content { position: absolute; top: 0; left: 206px; height: auto; overflow: hidden; padding: 10px 10px 10px 10px; }

신청하기