[질문]height 100% 의 레이아웃에서;
Posted: 2007 01 29 20:57 31
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 이곳에서 가져왔습니다;;;
대략 이렇게 해서
헤더, 본문, 푸터 이렇게 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 이곳에서 가져왔습니다;;;