table 높이에 따라 div도 늘어나기

억울한나 · Post by **억울한나** » 2006 11 20 14:04 33

table 높이에 따라 div도 늘어나기

또는 스크롤에 따라 div 늘어나기

div height를 100%를 줬는데 문제는
화면을 처음 봤을때는 브라우저상 꽉 차게 나오지만
하단으로 스크롤을 내리게 되면 그림과 같이 div영역은 늘어나지 않습니다;;
table이 div 밖으로 삐져나간거죠;;

파폭2.0, ie7.0 공통적으로 그러네요.
해결방법을 모르겠습니다;;

css부분

html{height:100%;}

body.main{
margin:0px;
padding-left:4px;
height:100%;
}

div#main{
clear:both;
width:600px;
height:100%;
border : 1px solid #B4B4B4;
padding:3px 6px 0px 5px;
}

<xml>
<DOCTYPE>
<html>
<head>
<title>Untitled Document</title>
<meta>
<link>
</head>
<body>
<div>
<table>
<tr>
<td>test</td>
</tr>
</table>
</div>
</body>
</html>

억울한.. · Post by **억울한..** » 2006 11 20 14:09 15

하단으로 스크롤을 내리게 되면 그림과 같이 div영역은 늘어나지 않습니다;;
http://ftp2.ohpy.com/up/elbbs/2006/11/2 ... led-19.gif

Post by **hyeonseok** » 2006 11 21 17:36 23

html의 100%는 화면의 높이 만큼이되고, body도 100%이기 때문에 html의 높이와 같아지게 됩니다. 같은 이유로 div의 높이도 100%가 되고 화면의 높이 만큼만 차지하게 되죠.

Mozilla 한국 커뮤니티

table 높이에 따라 div도 늘어나기

table 높이에 따라 div도 늘어나기

Re: table 높이에 따라 div도 늘어나기

Who is online