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

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

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

Post by muik »

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

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

% 는 상대값입니다.

Post by 지기지 »

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

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

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

항상 0 으로 나오죠.

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

..
hyeonseok
해커
해커
Posts: 691
Joined: 2004 08 11 22:14 59
Contact:

Post by hyeonseok »

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

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

어... 없군요;;

Post by 지기지 »

hyeonseok wrote:table 에는 height 속성이 없습니다.
그렇군요. 없군요 :oops:

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

div 뿐만 아니라...

Post by zigizi »

div style="height:100%;" 일 경우에 적용
좀 의미가 아닌듯 하여 고칩니다. (로그인을 해야 수정이 가능한가봅니다)

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

Who is online

Users browsing this forum: Ahrefs [Bot] and 2 guests