div layout 만들기 질문있습니다.^^
물병자리
header
left menucontent...................................................
footer
이렇게 div 레이아웃 구성 하려면.. 어떻게 해야하나요..
전체 크기는 화면에 꽉 차게 할거구요..
leftmenu 는 200px로 해놓고, content는 창 크기 변함에 따라 같이 꽉 채워져서 나오게 하고싶은데..
html {
margin: 0px;
padding: 0px;
}
body {
margin: 20px;
padding: 0px;
}
#container {
height: 100%;
margin: 0px;
padding: 0px;
}
#header {
height: 100px;
}
#footer {
height: 50px;
clear: both;
}
#left {
height: 100%;
width: 200px;
float: left;
}
#content{
height: 100%;
}
div id=container
div id=header
헤더임니다
/div
div id=left
왼쪽
/div
div id=content
내용
/div
div id=footer
footer입니다
/div
/div
이렇게 했더니..잘 안되네요;
도움좀 ㅠㅠ
-
미리별
일단 dtd를 설정했을경우 height 100%가 먹지 않으니 html,body에 height 100%를 설정하셔야 되구요.
left랑 content에 height을 100%를 주어서 header와 footer의 높이만큼 세로가 길어지게 되니 minus margin을 left와 content위아래로 줘야할 것 같구요.
minus margin때문에 위,아래 덮여지는 부분은 z-index로 잡아야 되구요..
일단 그렇게 한다고 해도 body에 margin -
큰애
윗분들말씀에 동감