웹마스터 팁
제로보드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
저도 이렇게 해도 안되네요....ㅠㅠ
제목 | 글쓴이 | 날짜 |
---|---|---|
초간단 폼메일...소스를 보시면 알거에요.. 수정하셔서 사용해보세요 [5] | 코리아프럼 | 2008.10.28 |
플래시 BGM 음악 제로보드에 넣는 방법 | 푸른커튼 | 2008.10.29 |
윈도우즈에서 운영시 메일 발송 문제 해결 팁 [4] | ㅅnㅁiㄱlㅍㅡㄴㅁㅡㄹ | 2008.10.30 |
외국에서 접속시 로그인 않되는문제 [1] | minams | 2008.10.30 |
FTP프로그램을 이용하지 않고 업로드 하기 [8] | 싱하형 | 2008.10.31 |
라이트박스(facebox) 적용하기 [7] | 퍼플F | 2008.11.02 |
이미지 리사이즈가 적용 안될때 [1] | 개돌 | 2008.11.03 |
제한된 웹사이트 [1] | 마호로 | 2008.11.05 |
일반 페이지에 로그인(세션) 정보 활용하기 [13] | noirzo | 2008.11.07 |
레이아웃에 위젯 넣을때 위젯 사이즈 조절 [4] | mojo9 | 2008.11.07 |
제로보드XE 가로 스크롤 문제 해결 방법 [7] | digitalist | 2008.11.12 |
제로보드XE XML파일 표준화 [2] | BlueGATE | 2008.11.13 |
IIS 6.0에 rewrite mod 적용하기 [5] | 천애소원 | 2008.11.14 |
약관 2개 만들기 [3] | WXPCM | 2008.11.15 |
히든프레임 사랑비BGM 컨트롤하기(수정완료) [6] | Pw-NET | 2008.11.16 |
새글/업데이트/이미지/동영상/첨부파일 아이콘 없애기 [18] | 老姜君 | 2008.11.21 |
회원 관리 리스트에 생일/설명/활동량 추가하기 [16] | 老姜君 | 2008.11.21 |
펌방지하기(펌방지해제우회) [6] | *이종민* | 2008.11.21 |
XpressEngine 공식 매뉴얼(한글 파일) #1 [9] | 자이제로 | 2008.11.21 |
XpressEngine 공식 매뉴얼(한글 파일) #2 [6] | 자이제로 | 2008.11.21 |
그런데 왜 이런 문제가 나타나나요?