웹마스터 팁
공백으로 보이는 문제 해결 방법 (프레임, 메타태그, 포워딩등)
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이전 작업순서 | elancer | 2019.03.28 |
| 1.11.3 업로드 패치 이후 업로드 오류 관련 | 우소푸 | 2019.04.21 |
| 로그인 실패시 실패내역 쪽지와 메일 발송 되는걸 발송 안 되게 하려면.. | sejin7940 | 2019.05.21 |
스케치북5 게시판 사용자정의에 색상 적용하기
 | 아데나 | 2019.05.31 |
| 관리자페이지의 회원목록에서 타회원들의 비밀번호 찾기 질문/답변 수정 가능하도록 하려면.. | sejin7940 | 2019.07.03 |
| VSCODE에서 PRETTIER-PHP 사용하기 (중급자용) | reactux | 2019.07.29 |
|
관리자 아이디/비번을 잃어버렸을때, 관리자페이지 접속을 못할 때 TIP
[1]
| 플레이웹 | 2019.08.13 |
| 회원가입품 연락처항목 공백잇을시 질문입니다. | 해운거사2 | 2019.08.16 |
| xe 기본회원가입품 연락처항목 공백&숫자 유효성검사 질문입니다. | 해운거사2 | 2019.08.25 |
|
코드 이미지 생성해주는 사이트
[2]
| reactux | 2019.10.06 |
| 대부분 쉬운설치로 인해 홈페이지 빈 페이지가 뜨는 에러는.. | CJM | 2019.10.24 |
| ZB게시판에 구글광고 달수 없나요? [2] | 손주사랑 | 2019.11.23 |
| AI 개발에 적합한 5가지 프로그래밍 언어 | ppumweb | 2020.01.06 |
| 커뮤니션 쪽지 보내기 기능을 모바일 에서 실행시 로그인 풀림 현상 | 인천한량 | 2020.04.14 |
| XE를 다른디렉토리에 설치후 리다이렉트하기 | 디자인플렉스 | 2020.04.24 |
| content 위젯에서 태그로 글 뽑기 | 날아올라 | 2021.02.07 |
|
XE 1.4에서 HTML5 에디터 사용하기 (Flash 없는)
[3]
| Toby | 2021.02.24 |
| 불법광고 댓글 | greentown | 2021.05.18 |
|
검색엔진 네이버 사이트 순위 SEO 검색엔진 최적화 작업해도 안 올라간다면..
[1]
| CJM | 2022.05.16 |
정말 감사합니다.
알려주신대로 수정하니 바로 해결 되네요. ^^