[질문]height 100% 의 레이아웃에서;

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

[질문]height 100% 의 레이아웃에서;

Post by 마룽 »

http://minimaru.sshel.com/layout2.html
대략 이렇게 해서
헤더, 본문, 푸터 이렇게 3단영역으로 해서 100% height의 레이아웃을 잡았습니다.
전체를 감싸는 태그는 없는 상태이구요..
근데 개발자의 여건(?)상 dtd 선언을 쓸수 없는 상황이거든요..
토글되는 형식의 페이지가 나왔는데 브라우저를 줄이거나 본문이 길어지거나 해서스크롤이 생기면
하단 부분의 레이아웃이 깨져버리네요..
본문을 감싸는 div에 들어있는 margin-bottom 의 -값이 원인인것 같습니다.
(참고로 파이어폭스에서는 아무문제 없구요, dtd 선언을 하면 아무 문제 없습니다)

다른 형식의 100% 레이아웃 (헤더/본문/푸터로 각각 나뉘지 않고 전체를 감싸는 태그가 존재하는) 에서는 문제가 없는듯 한데요
이미 마무리 단계라서 레이아웃 코드 자체를 변경하기가 힘이 들다고 보거든요..

뭔가 대안이 없을까.. 부탁드려봅니다...

레이아웃은 http://www.pmob.co.uk/temp/2colfixedtest_4.htm 이곳에서
토글코드는 http://hyeonseok.com/pmwiki/index.php/J ... ToggleList 이곳에서 가져왔습니다;;;
마룽

이렇게 해봤는데 괜찮은건지요;;

Post by 마룽 »

height 100% 가 들어간 div에 margin-bottom 으로 들어가있던 값을 margin-top으로 바꾸고요
실질본문내용이 들어가는 div 에 padding-top 값으로 다시 제위치를 찾게 해봤습니다..
http://minimaru.sshel.com/layout2_.html
이런식으로 해도 과연 되는걸까요?
Post Reply

Who is online

Users browsing this forum: Bing [Bot] and 1 guest