세로 메뉴 넣는 레이아웃 질문 드립니다
이룩
일단 새해 복 많이 많이 받으세요
답변해 주시는 분들은 더욱 더 행복한 일만 가득하셨으면 좋겠어요^^
일단 허접한 네이버 그림으로 그려본 레이아웃 그림입니다
지금 문제되고 있는 부분인 저 빨간 점으로 되어 있는 왼쪽 메뉴바 입니다
컨텐츠가 늘어나면 저부분도 같이 늘어나야 하는데 이상하게 배경을 깔았는데도 더이상 늘어나질 않네요~ㅜㅜ
height도 100%를 줬는데 왜이러는지 모르겠습니다
그럼 이제 소스 보여드릴께요
div id=wrapper
header id=header
/header
div id=container
div id=left
/div
div id=sub
/div
divic=content
div
/div
footer
/footer
/div
여기가 html이구요
css
/*CSS layout*/
body{height:1000%;}
#header {position:fixed; z-index:70; width:100%; max-width:1600px; height:85px;} /* z-index 우선순위 웹2 */
#wrapper {position:relative; min-width:320px; max-width:1600px; margin:0 auto; word-break:keep-all; height:100%;}
#container { padding:80px 30px 0; *zoom:1; height:100%;}
#left{float:left; width:150px; background: url(../images/common/bg_nav.png) right repeat-y #FFF; height:100%;}
#content{float:left; width:894px; height:100%; padding:24px 0 20px 20px;}
#sub{float:left; width:100px; border-right:1px solid #e5e5e5; background:#FFF; height:100%; display:block;}입니다
대체 왜 안늘어날까요??ㅡㅜ
고수님들 제발 도와주세요
한번더 사진 설명 갑니다
지금 왼쪽에 왼쪽바와 서브메뉴가 있는데 둘다 세로값을100% 줬는데 저렇게 끊어집니다
제발 도와주세요~ㅡㅜ