웹마스터 팁
제로보드XE 가로 스크롤 문제 해결 방법
2008.11.12 16:13
제로보드 소스가 프레임페이지 안으로 불려 올때 생기는 가로스크롤 문제 해결 방법
zbxe > common > tpl > common_layout.html
상기 파일을 찾아 열어 보세요.
60번 라인에 바디 태그가 있는데
<body>
아래 처럼 바꾸어 보세요.
<body style="overflow-x:hidden">
하지만 위 태그는 문서선언에 따라 먹히지 않습니다. 표준이 다른 이유로..
그래서 추가로 더 바꾸어 주어야 할것이 있습니다.
같은 파일의 1번 라인에 있는 DTD 선언.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1번 줄을 아래와 처럼 다른 선언으로 바꾸어 보세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
그럼 가로 스크롤이 일단 없어집니다. 하지만 문서선언이 달라지므로 다른 태그가 먹지 않는 오류가 발생할 수 있습니다.
제로보드가 XHTML 1.0 버전 기준인가 본데 XHTML 1.1 로 임의로 바꾸어주면 다른 문제가 생길 것입니다.
그러므로 가로 스크롤을 없애는 게 가장 중요하다고 여겨지는 분만 적용하시고, 또 다른 오류는 개별적으로 해결하셔야 합니다.
제로보드의 DTD 선언과 일반적인 DTD 선언에 관해 더 많은 정보를 찾아 보세요.
가로 스크롤 때문에 고생하시는 분들이 많기 때문에 알려드립니다.
댓글 7
-
느까끼
2008.11.13 11:55
-
Digitalist
2008.11.14 00:14
가로스크롤 문제로 많은 사람들이 여기저기 질문을 올리는데 그때마다 느까끼님이 답변을 해주신걸 저도 봤습니다.
근데 모두 해결할만한 답변을 못해주셨는데, 먼저 같은 상황을 겪어 보지 못한 게 제일 큰 이유 같습니다.
지금은 include 문으로 여러 파일을 불러 하나의 레이아웃 페이지를 만드는데 과거에는 프레임 구조를 많이 사용했습니다.
프레임으로 나눈 페이지는 단점도 있지만 장점이나 매력이 있어서 프레임 구조를 아직 사용하거든요.
새로 나온 제로보드버전은 CSS 로 모든 컨텐츠의 가로 세로 위치를 정의하는 걸로 압니다.
그러다 보니 절대적인 위치가 아니라 상대적으로 위치를 정의하기도 하는데요.
그 과정에 프레임 안에 있는 CSS 레이아웃이 가로폭보다 더 넓게 정의되어 가로 스크롤이 생긴걸로 보입니다.가로 스크롤을 없애려면 overflow-x:hidden 태그를 사용해야 하는데, 제로보드XE는 XHTML 1.0 기준이라 overflow-x:hidden이 통하지 않는 것같습니다.
제로보드XE는 페이지 상단에 DTD 선언(Document Type Declare)이 아래에 정의한 것에 따르게 되어 있습니다.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
여기에 정의 안되어 있는 overflow-x:hidden 태그는 모른척 하는 거겠죠..
그래서 강제로 DTD 선언을 바꾸라고 조언을 드린 것입니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
위와 같이 DTD 선언이 바뀌면 가로스크롤 없애는 태그는 인식하지만 또다른 태그가 안 먹을 수 있겠죠?
선언을 바꾸면 폰트 크기가 다 커져버리더군요.. 제로보드가 선언, 정의한 태그를 새로운 DTD 선언이 이해 못하는 거죠..
그래서 CSS 열고 font size 1.5em 이런 거 처럼 상대적인 글자크기 관련 태그는 font size 10pt 처럼 바꾸어 주어야 합니다.저도 잘 알지못하는데 아는 범위에서 이유를 설명해 드립니다.
-
느까끼
2008.11.14 18:58
감사합니다.^^ -
크르르
2008.11.28 00:31
천재여천재 -
제이빅
2008.12.21 02:30
이렇게 해도 안되는 전 뭔가요... ㅠ.ㅠ -
청개구리
2009.06.03 18:23
안먹히는데요..? -
a
2010.04.14 16:47
저도 이렇게 해도 안되네요....ㅠㅠ
그런데 왜 이런 문제가 나타나나요?