웹마스터 팁
제로보드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
저도 이렇게 해도 안되네요....ㅠㅠ
제목 | 글쓴이 | 날짜 |
---|---|---|
코어 수정 없이 스킨 수정만으로 게시판 목록에 유튜브,비메오 썸네일 출력 [2] | foret | 2014.02.23 |
스케치북5 모바일 댓글 작성시 엔터를 쳤을 때 <br /> 코드 뜨는 문제 해결 [7] | oryan | 2014.02.23 |
게시판 목록의 new 아이콘 바꾸기 [1] | foret | 2014.02.23 |
게시판 목록에서 새창 띄워서 다른 형태 나오게 하기 [3] | foret | 2014.02.23 |
위젯 게시판 선택시 다중선택하기 ! [2] | GomSang | 2014.02.21 |
XE 1.7.4 "이메일 주소로 계정 찾기" 오류 해결 방법 | 꿈돌리 | 2014.02.20 |
누리고 쇼핑몰 모바일버전에서 백지화현상 수정하는 팁 [5] | garnecia | 2014.02.19 |
IEXPLORER 버젼 호환성 강제 맞추기 | davidis | 2014.02.18 |
1.7.4 버전용 한글 lang.xml 파일 [5] | 투씨 | 2014.02.18 |
1.7.4 용 youtube, vimeo, ted 썸네일 적용 document.item.php 수정방법 [9] | 남자인간 | 2014.02.17 |
우분투 12.04 LTS Nginx 최신버전 설치하기 [1] | 도라미 | 2014.02.17 |
카카오스토리 링크 [14] | 맞장 | 2014.02.15 |
"이 페이지 나가기" 경고창이 뜨는 사이트의 경우 [23] | 투씨 | 2014.02.15 |
css 가운데정렬 완벽정리! | 돼지코구뇽 | 2014.02.14 |
GNB 메뉴를 쉽게 만드는 jQuery plugin [2] | 김개발 | 2014.02.14 |
css 배경이미지 정리 | devdevpia | 2014.02.13 |
이메일인증 Error 한방정리 참고해보세요. [4] | 애드바이러스 | 2014.02.12 |
2014년 2월 12일부터 갑자기 사이트(관리자 페이지)가 깨지는 경우. | 새하나모 | 2014.02.12 |
글쓰기를 클릭하면 띄워지는 테두리 없는 예쁜 팝업 띄우기 core. 1.7.4 [4] | 마음의빈자리 | 2014.02.11 |
마우스드래그금지 | 레치에스 | 2014.02.11 |
그런데 왜 이런 문제가 나타나나요?