테이블 높이 100%가 안되네요..

muik · Post by **muik** » 2005 07 21 01:25 46

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
위의 정의가 있으면 테이블높이 100%가 먹히질 않네요..

테이블 높이 100%로 하는방법 없을까요?

지기지 · Post by **지기지** » 2005 07 21 09:00 56

테이블 높이 100% 는 테이블의 상위 엘리먼트의 높이를 기준으로 100% 라는 말입니다.
테이블 상위 엘리먼트가 body 일 경우, body 에 height 값이 설정이 안되어 있으면 내용이 들어 있는 높이만큼만 자동으로 잡힙니다.
body 의 높이를 100% 로 잡아주면 해결됩니다.

스타일 잡을 때 body { height:100%; } 이라고 해주시면 좋겠죠.

이 문제와 함께 보통 많이 생기는 문제가 스크립트에서 document.body.scrollTop 을 사용하는 부분입니다.(제 경우엔 그랬습니다)

항상 0 으로 나오죠.

document.documentElement.scrollTop 을 사용합니다.

..

Post by **hyeonseok** » 2005 07 21 10:38 15

table 에는 height 속성이 없습니다.

http://www.w3.org/TR/html4/struct/table ... edef-TABLE

지기지 · Post by **지기지** » 2005 07 21 10:51 44

hyeonseok wrote:table 에는 height 속성이 없습니다.

그렇군요. 없군요

에... 그럼 div style="height:100%;" 일 경우에 적용하시면 되겠습니다.

zigizi · Post by **zigizi** » 2005 07 21 10:57 03

div style="height:100%;" 일 경우에 적용

좀 의미가 아닌듯 하여 고칩니다. (로그인을 해야 수정이 가능한가봅니다)

height 속성을 가지는 모든 엘리먼트들에 적용 으로 수정합니다.

Mozilla 한국 커뮤니티

테이블 높이 100%가 안되네요..

테이블 높이 100%가 안되네요..

% 는 상대값입니다.

어... 없군요;;

div 뿐만 아니라...

Who is online