table 높이에 따라 div도 늘어나기
Posted: 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>
또는 스크롤에 따라 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>