좌우 height:100% 어떻게 해야 할까요?
곰돌츼
아...... 저 좀 도와주세요.. 굽신굽신...ㅠㅠ
이틀째 방황중이네요..!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
HTML
HEAD
TITLE New Document /TITLE
META NAME=Generator CONTENT=EditPlus
META NAME=Author CONTENT=
META NAME=Keywords CONTENT=
META NAME=Description CONTENT=
style
html, body { margin:0; padding:0; height:100%; width:100%; }
#wrap { height:100%; }
#wrap #container { width:1280px; height:100%; min-height:100%; background-color:#CCCCFF; }
#wrap #container .Left { width:250px; height:100%; min-height:100%; background-color:#CC66FF; }
#wrap #container .Right { width:1030px; height:100%; min-height:100%; background-color:#CC99CC; position:absolute; left:250px; top:0; }
/style
/HEAD
BODY
div id=wrap
div id=container
div class=LeftLeft_Navi/div
div class=Right
Right_Contents
div style=width:900px; height:800px; border:1px solid red; background-color:#CCFFCC; margin-top:100px;dddddddddddddddd/div
/div
/div
/div
/BODY
/HTML
원하는 것은 초록색 컨텐츠 영역이 아무리늘어나도 좌측 Left Navi영역과 Right_Contents영역도 100%값을 먹어야 하는데요.
브라우저의 100%는 먹어도 컨텐츠의 100%는 안먹네요.. 보시다 시피 스크롤을 내리면 컨텐츠 영역을 벗어나 있어요...ㅠㅠ
자바스크립트를 써야 한다고 하는데 어떻게 하면 좋을까요??
사막의 오아시스 같은 답변 부탁 드립니다..ㅠㅠ
-
모람
스크립트로 scrollHeight를 갖고와서 왼쪽영역에 height값을 주시면 될듯..
-
태양
css님// 응용은 해 보았으되...doctype이 xhtml이면 안된다는..ㅎㄷㄷ;;;
100%는 되는데 스크롤을 내리면 저리 되네요...ㅠㅠ