웹마스터 팁

외부페이지를 레이아웃과 결합(연결)시 css를 수정하거나 외부페이지에 상단 마진폭을 지정해 줘도

의도와 다르게 외부페이지가 있는 상단(레이아웃에서 볼때 컨텐츠 영역의 상단)이 약15~20픽셀 정도씩

벌어지는 문제가 발생 합니다.


그런데 레이아웃에 게시판 또는 페이지를 결합시는 문제가 발생하지 않고 외부페이지를 결합시에만 이런 문제가 발생합니다.


이 문제로 한동안 고민을 했었는데 ...... 우연하게 문제를 발견 했습니다.


소스 파일을 저장시 utf-8로 해야 하는 것은 당연한 것이라고 여기고 있었지만 소스를 편집하는 에디터에 따라서는 이 인코딩 옵션의 용어가 약간씩 달라서 혼돈을 초래하더군요.


저는 주로 EmEditor를 사용하는데 아래와 같이 나옵니다.


03.png 

UTF-8에서 UTF-8 (서명 포함)UTF-8 (서명 비포함)을 선택 할 수 있습니다.

저는 여기에서 서명 포함비포함이 무엇을 의미 하는지 생각도 않해보고 그냥 UTF-8 (서명 포함)을 선택하여 저장 했습니다.

그랬더니 외부페이지를 레이아웃과 연결하고 보면 늘상 외부페이지 상단 부분에 의도 하지 않는 마진 폭이 생기더군요.

그런데 이것을 UTF-8 (서명 비포함)로 저장을 하면 문제가 해결됩니다.


결국은 UTF-8 (서명 비포함)을 선택해야 하는 거였습니다.


자 그러면 EditPlus의 경우를 보지요.

01.png 

EditPlus에서 인코딩 옵션은 UTF-8UTF-8 + BOM중에서 그냥 UTF-8로 저장해야 합니다.



또 다른 에디터인 UltraEdit를 보겠습니다.

02.png 

UltraEdit에서는 UTF-8UTF-8 - BOM 아님 이라고 나옵니다. 마찬가지로 여기서도 그냥 UTF-8로 저장 해야 합니다.


알고나면 별거 아닌데도 이 문제를 발견하기 까지 상당한 시간이 흘렀습니다.


저처럼 삽질 하는 분이 없기를 바라면서 남들 다 아는 내용일 수 있는 것을 올려 봅니다.



제목 글쓴이 날짜
웹페이지에서 ICQ 번호 자동으로 추가하기... [1] 잔디 2001.01.05
비로그인시 본문대신 지정문구 보이기 [1] 도라란 2011.07.11
글에 첨부된 이미지 파일이 없을 경우, 지정 이미지를 본문에 보여주기 도라란 2011.07.11
간단한 시간제한 자료실 만들기 [2] 옥수수밭 2010.03.17
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법 [6] file DuRi 2010.12.17
레이아웃에서 class="header" 사용 안하기... [2] ForHanbi 2011.06.30
템플릿 변수(조건문) 팁 [1] 엘카 2011.06.19
XML필터 사용시 유효성검사에서 사용자정의 메세지 출력하기 창한이 2011.06.19
ie6 빈div 높이 조절 [2] ForHanbi 2011.06.19
스킨에서 조건/반복문 여러줄 사용하기 [1] 엘카 2011.06.10
[배경음악] 첫곡은 랜덤, 그 이후로는 순차재생 [20] 이주경 2003.05.06
cafe24 호스팅시 XE 쉬운설치가 안될때 해결방법 ^^(ftp 설정 item) [2] 연금술사™ 2011.04.19
게시판에 회원확장변수정보 받아서 표시하기 [3] burster 2011.03.26
다음view(다음뷰) 애드온 사용시 댓글창의 뷰아이콘 지우기 [1] 하늘종 2011.05.31
레이아웃 100% 일때 이미지리사이즈 Addon 넓이값 고정하기 고수군 2011.06.08
XE core 1.4.5.7 코드 오류,(상자 위젯 배경 안될때) [2] 홍성빈닌 2011.05.17
최근 이미지 위젯 noimage 표시.. [6] file 개돌 2009.04.10
확장변수 - 주소입력 받을 시 안내문구 출력 [2] 반디소리 2011.02.24
공지사항 정렬 문제 해결법 [4] 희망일기 2010.08.20
유닉스에서 디스크 용량 체크 후 호출 해주는 프로그램 길버트전 2011.05.24