웹마스터 팁
공백으로 보이는 문제 해결 방법 (프레임, 메타태그, 포워딩등)
2007.08.15 01:14
우선 이 문제는 IE에서만 나타나는 문제인 것 같습니다. 문제 현상은 아래 접어 놓은 것을 펴보시면 됩니다.
< IE6, 메타블로그에서 제가 포스트한 글을 클릭해서 제 블로그로 들어왔을때>
< 파이어폭스, 위와 같은 경로로 들어왔을때 >
이 문제가 나타나는 경우는 제가 지금까지 아는 바로는 다음과 같습니다.
일단 해결 방법은 여러 분들의 도움으로 알아냈지만 이 방법이 100% 맞는 방법인지는 모르겠습니다.
바로 본론으로 들어가죠.
문제가 되는 것은 css 설정 부분입니다.
파일 위치는 /제로보드XE설치경로/common/css/default.css 입니다. 이 파일의 26번째 줄을 보시면,
이렇게 돼있습니다. 이 코드중 position:relative; 가 IE에서 문제가 되는 걸로 보입니다. 따라서 이 부분을
이렇게 고쳐주시면 IE에서도 공백으로 나타나지 않고 잘 나타나게 됩니다.
다시 말씀드리지만 전 지식이 짧아서 이 방법이 확실히 맞는다고는 말씀 못 드리지만 일단 작동은 되니 수정해두시고 제로님이나 다른 전문가 분들의 조언을 들어 보는게 좋을 듯 합니다. 그럼 이만 ^^
* 추가내용
ZBXE의 기본 스킨과 공식 웹사이트 HTML/CSS 퍼블리싱 작업을 담당하고 계신 정찬명님께서 이 코딩이 IE에서 게시판 레이아웃이 틀어지는 버그를 피하기 위한 것이라고 알려주셨습니다. 이 방법은 IE에서 게시판 레이아웃이 틀어지는 현상이 발생 할 수도 있으니 사용 후 꼭 확인해 주시고 만약 그런 현상이 발생한다면 댓글로 알려주시면 감사하겠습니다.
< IE6, 메타블로그에서 제가 포스트한 글을 클릭해서 제 블로그로 들어왔을때>
< 파이어폭스, 위와 같은 경로로 들어왔을때 >
이 문제가 나타나는 경우는 제가 지금까지 아는 바로는 다음과 같습니다.
0.. 우선 이 문제는 IE 에서만 나타나는 걸로 보입니다. 파이어폭스에서는 정상으로 보입니다. IE7 은 잘 모르겠습니다.
1. 메타태그를 이용해 자동으로 페이지를 이동시킬 때 나타납니다. 이 방법은 제로보드4에서 자주 사용된 방법이었죠.
2. 제로보드XE를 프레임안에 넣거나 아이프레임을 이용할 때 나타납니다.
3. 메타블로그와 같이 링크를 통해서 사이트를 열어주는 곳에서 나타납니다.
1. 메타태그를 이용해 자동으로 페이지를 이동시킬 때 나타납니다. 이 방법은 제로보드4에서 자주 사용된 방법이었죠.
2. 제로보드XE를 프레임안에 넣거나 아이프레임을 이용할 때 나타납니다.
3. 메타블로그와 같이 링크를 통해서 사이트를 열어주는 곳에서 나타납니다.
일단 해결 방법은 여러 분들의 도움으로 알아냈지만 이 방법이 100% 맞는 방법인지는 모르겠습니다.
바로 본론으로 들어가죠.
문제가 되는 것은 css 설정 부분입니다.
파일 위치는 /제로보드XE설치경로/common/css/default.css 입니다. 이 파일의 26번째 줄을 보시면,
html { width:100%; position:relative;}
이렇게 돼있습니다. 이 코드중 position:relative; 가 IE에서 문제가 되는 걸로 보입니다. 따라서 이 부분을
html { width:100%;} /* position:relative; 이 항목을 제거 */
이렇게 고쳐주시면 IE에서도 공백으로 나타나지 않고 잘 나타나게 됩니다.
다시 말씀드리지만 전 지식이 짧아서 이 방법이 확실히 맞는다고는 말씀 못 드리지만 일단 작동은 되니 수정해두시고 제로님이나 다른 전문가 분들의 조언을 들어 보는게 좋을 듯 합니다. 그럼 이만 ^^
* 추가내용
ZBXE의 기본 스킨과 공식 웹사이트 HTML/CSS 퍼블리싱 작업을 담당하고 계신 정찬명님께서 이 코딩이 IE에서 게시판 레이아웃이 틀어지는 버그를 피하기 위한 것이라고 알려주셨습니다. 이 방법은 IE에서 게시판 레이아웃이 틀어지는 현상이 발생 할 수도 있으니 사용 후 꼭 확인해 주시고 만약 그런 현상이 발생한다면 댓글로 알려주시면 감사하겠습니다.
댓글 21
-
SKY
2007.08.15 09:16
홋 이것때문에 한참 해맷었는데 감사합니다 ^_^
-
어라?
html { width:100%; position:relative;}
에서
'position:relative;' 부분을 제거하면 레이아웃이 왼쪽으로 착 붙어서 나타나지 않나요?
저부분 제가 알기로는 레이아웃이 해상도에 관계없이 가운데 나타나게 하기 위해서 사용되는 것으로 알고 있는데???
아닌가?
책과 소스를 다시 봐야겠네요.. ㅠ.ㅠ;; -
ZK™
2007.08.15 11:05
전 아무런 문제가 발생하지 않지만 이 파일을 직접 코딩하신 정찬명님께서 이 부분이 IE에서의 게시판 레이아웃 틀어짐 버그를 피하기 위해 사용된 것이라고 알려주셔서 본문에 주의사항을 추가했습니다. ^^ -
황호영704
2007.08.15 10:07
이 문제 때문에 짧은 실력으로 별 짓을 다 했는데 해결되었네요.
감사합니다. -
영해
2007.08.15 15:52
이거 지우면 긴 게시글 화면 스크롤할때 막 깨집니다.
-
ZK™
2007.08.15 17:43
긴 게시글에서 레이아웃 틀어짐이 나타나는 군요.. 지금 긴 게시글 하나 올리고 실험해보겠습니다. 정보 감사합니다. ^^ -
ZK™
2007.08.15 17:50
영해님 긴 게시글 화면 스크롤시 깨지는 모습을 직접 볼 수 있을까요?
제 경우에는 재현이 안되네요. 안 바쁘시다면 부탁드립니다. -
영해
2007.08.15 18:36
알아냈습니다.
그냥 뭐시기/zbxe 로 들어가면 안깨지구요
Zoa.to 나 Ba.to , co.tv등 도메인 호스팅을 통해 들어가면 깨집니다. -
ZK™
2007.08.16 01:32
음.. zoa.to 와 ba.ro (ba.to 가 아니라 ba.ro 맞죠?) 두 가지로 제 블로그를 등록한 후에 길이가 아주 긴 게시글을 보았는데도 전 정상으로 나오네요. 귀찮으시더라도 계속 그 문제가 발생 한다면 링크를 부탁드려도 될까요? -
kewpie
2007.08.16 01:15
텍스트크기가 제일 큰 걸로 나와서 레이아웃이 깨져버립니다..
-
ZK™
2007.08.16 01:20
현상을 볼 수 있는 링크를 알려주실 수 있으신가요? -
2007.08.16 01:35
.. -_- -
ZK™
2007.08.16 01:46
감사합니다. 그런데 정말 이상하네요. 왜 제 IE6 (6.0.2900.2180 sp2) 에서는 그런 문제가 안나타날까요; 제가 보기에 kewpie님 홈페이지는 정상적으로 보이네요; 제 블로그도 그렇게 보이시는지 한번 확인해 주시겠어요? http://www.znk.kr 이게 IE6의 문제는 맞는거 같은데 똑같은 홈페이지를 보는데도 다 다르게 보이다니 희한하네요.
아 그리고 혹시 IE6 텍스트 크기가 크게 돼있지 않은지도 확인해주세요. 컨트롤+마우스휠하면 자동으로 글자크기가 변해서 그렇게 보일 수도 있거든요. -
kewpie
2007.08.16 01:59
답변 감사합니다. 링크는 지극히 개인적인 사이트라 지웠습니다.. -_-
zk님 블로그는 제대로 보이네요..
제 익스도 IE6 (6.0.2900.2180 sp2)입니다.. 브라우져도 같은데 다르게 보이는걸 보면 제 컴퓨터가 이상한가봐요..
좋은팁 알려주셔서 감사합니다
zk님 팁 아니면 며칠내내 고생했을거에요 ^_^ -
김학겸295
2007.08.17 09:42
되네요~ 빨리 고쳐졌으면좋겠다.. -
Haru.Net
2007.08.17 14:17
정말 감사 합니다 ! ^^ 덕분에 해결 했습니다. ㅎㅎ
-
비와바람
2007.08.18 00:40
왜 난 안될까요 ㅠ.ㅠ 전 지금 글을 쓸때 표안에 아이프레임을 넣고 있는데 자꾸만 미리보기에선 나오는데 등록 누르면 안나오네요 ㅠ.ㅠ -
솜리
2007.08.18 13:14
레이아웃의 컬러셋에서 기본으로 선택을 하고 긴 게시글을 보면 레이아웃이 깨집니다. 그러나 레이아웃의 컬러셋을 하얀색이나 검정색으로 하면 정상적으로 잘 나옵니다.... -
were79
2007.08.18 13:16
저기... 이거쓰기전에는 괜찬았는데 이거하고나서 회원가입이나 여러군데서 글씨가 겹치는현상이 일어납니다
홈피주소는 http://beikjoo.oranc.co.kr/ 여기에요 -
저도 일단은 iframe으로 출력한 게시판이 보입니다. 감사합니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
제로보드 XE - 오토셋에 설치하기
[11]
 | 차오이 | 2007.08.11 |
| 윈도우에서도 svn을 이용하자.. [2] | LSH5243 | 2007.08.13 |
| SVN 자료 바로바로 업데이트 해보자. [3] | DroArc | 2007.08.13 |
| 서버에서 zeroboard XE 쉽게 다운로드 받고 업데이트 하기 [2] | Dr.Mabin | 2007.08.13 |
| Mysql 4.0 버전에서 xe 설치해서 사용하기 [3] | amamamam.myid.net | 2007.08.13 |
| 좌측 메뉴 하단에 애드센스를 탑재해 보자! [5] | migojarad.myid.net | 2007.08.13 |
| 로그인 안되시는분들 참고 [8] | 화니478 | 2007.08.14 |
| 로고 만들기 귀찮을떄 [2] | 정지훈308 | 2007.08.14 |
| 포트 변경 후 XE 사용이 안 되면 | 류현留賢 | 2007.08.14 |
| 상단 로고부분 공간 늘릴려면... [3] | 똑디 | 2007.08.14 |
| 설치 후 로그인 불가능 문제 해결방법 [14] | 엘핀라즈 | 2007.08.14 |
|
최신글 뽑아오기 - 간단한 방법
[3]
| Eric2ya | 2007.08.14 |
|
최근글 및 카운터 로그인등등.. 모르시는분있을꺼라고 생각해서올려요
[7]
| 장재혁512 | 2007.08.15 |
| 공백으로 보이는 문제 해결 방법 (프레임, 메타태그, 포워딩등) [21] | ZK™ | 2007.08.15 |
| zbXE게시판 상단 내용처럼 꾸미기... [12] | 이승수961 | 2007.08.15 |
| 외부에서 회원정보 불러오기 [5] | 미오유 | 2007.08.15 |
| 공개 소스 웹 디자인 [6] | 나라비 | 2007.08.15 |
| 음악플레이어를 달고싶으세요? [13] | 부찬™ | 2007.08.16 |
| 사이트 주소로 접속했을때 XE 폴더로 이동하기 팁 [42] | 베니 | 2007.08.16 |
|
4차 서브메뉴 사용하기!!
[4]
[1] | 럭키587 | 2007.08.17 |
정말 감사합니다.
알려주신대로 수정하니 바로 해결 되네요. ^^