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

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
억울한나

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

게시물 작성자 억울한나 » 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>

억울한..

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

게시물 작성자 억울한.. » 2006 11 20 14:09 15

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

유저 아바타
hyeonseok
해커
해커
게시물: 691
참여됨: 2004 08 11 22:14 59
연락:

게시물 작성자 hyeonseok » 2006 11 21 17:36 23

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

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 2 손님들