웹마스터 팁
제로보드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
-
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.12.21 02:30
이렇게 해도 안되는 전 뭔가요... ㅠ.ㅠ -
청개구리
2009.06.03 18:23
안먹히는데요..? -
a
2010.04.14 16:47
저도 이렇게 해도 안되네요....ㅠㅠ
제목 | 글쓴이 | 날짜 |
---|---|---|
제로보드XE 가로 스크롤 문제 해결 방법 [7] | digitalist | 2008.11.12 |
IIS 6.0에 rewrite mod 적용하기 [5] | 천애소원 | 2008.11.14 |
약관 2개 만들기
[3]
![]() | WXPCM | 2008.11.15 |
히든프레임 사랑비BGM 컨트롤하기(수정완료) [6] | Pw-NET | 2008.11.16 |
회원 관리 리스트에 생일/설명/활동량 추가하기
[16]
![]() | 老姜君 | 2008.11.21 |
사랑비Bgm 플레이기 설치하고 제어하기
[5]
![]() | 팔공산 | 2008.11.22 |
약관 동의 후 가입하기
[2]
![]() | findwind | 2008.11.24 |
[설문조사] 메인페이지에 넣기와 효율적으로 관리하기
[6]
![]() | 빨간발 | 2008.11.27 |
홈페이지의 아이콘(favicon)이 어느날 갑자기 사라졌을때... [1] | 크르르 | 2008.11.28 |
글작성시 초기 기본 카테고리 선택 하기 [7] | 똑디 | 2008.11.29 |
[초간단]회원팝업메뉴에 메뉴넣기 [1] | Pw-NET | 2008.11.30 |
1.1.1 패치후 게시판에서 파일첨부 레이어 겹침현상 문제 [1] | 늘미소 | 2008.12.01 |
서브홈페이지 만들기 [5] | 가리사니 | 2008.12.09 |
XE 로그인이 안될때 확인해 보세요. [7] | 똑디 | 2008.12.11 |
XE와 별도 프로그램 연동시 세션공유 [15] | 똑디 | 2008.12.12 |
회원아이디 클릭시 메일보내기 기능 숨기기 [9] | 똑디 | 2008.12.18 |
주민등록 번호 받기(수정) [23] | 개돌 | 2008.12.18 |
자신의 홈페이지에 플래시 오락실을 등록 해보자.
[2]
![]() | 조성우371 | 2008.12.20 |
회원정보 이미지 항목 추가 [3] | 개돌 | 2008.12.22 |
메인 페이지가 백지로 나올 때 이렇게 해보세요. [4] | 시금치 | 2008.12.23 |
그런데 왜 이런 문제가 나타나나요?