웹마스터 팁
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법
2010.12.17 13:42
외부페이지를 레이아웃과 결합(연결)시 css를 수정하거나 외부페이지에 상단 마진폭을 지정해 줘도
의도와 다르게 외부페이지가 있는 상단(레이아웃에서 볼때 컨텐츠 영역의 상단)이 약15~20픽셀 정도씩
벌어지는 문제가 발생 합니다.
그런데 레이아웃에 게시판 또는 페이지를 결합시는 문제가 발생하지 않고 외부페이지를 결합시에만 이런 문제가 발생합니다.
이 문제로 한동안 고민을 했었는데 ...... 우연하게 문제를 발견 했습니다.
소스 파일을 저장시 utf-8로 해야 하는 것은 당연한 것이라고 여기고 있었지만 소스를 편집하는 에디터에 따라서는 이 인코딩 옵션의 용어가 약간씩 달라서 혼돈을 초래하더군요.
저는 주로 EmEditor를 사용하는데 아래와 같이 나옵니다.
UTF-8에서 UTF-8 (서명 포함)과 UTF-8 (서명 비포함)을 선택 할 수 있습니다.
저는 여기에서 서명 포함과 비포함이 무엇을 의미 하는지 생각도 않해보고 그냥 UTF-8 (서명 포함)을 선택하여 저장 했습니다.
그랬더니 외부페이지를 레이아웃과 연결하고 보면 늘상 외부페이지 상단 부분에 의도 하지 않는 마진 폭이 생기더군요.
그런데 이것을 UTF-8 (서명 비포함)로 저장을 하면 문제가 해결됩니다.
결국은 UTF-8 (서명 비포함)을 선택해야 하는 거였습니다.
자 그러면 EditPlus의 경우를 보지요.
EditPlus에서 인코딩 옵션은 UTF-8과 UTF-8 + BOM중에서 그냥 UTF-8로 저장해야 합니다.
또 다른 에디터인 UltraEdit를 보겠습니다.
UltraEdit에서는 UTF-8과 UTF-8 - BOM 아님 이라고 나옵니다. 마찬가지로 여기서도 그냥 UTF-8로 저장 해야 합니다.
알고나면 별거 아닌데도 이 문제를 발견하기 까지 상당한 시간이 흘렀습니다.
저처럼 삽질 하는 분이 없기를 바라면서 남들 다 아는 내용일 수 있는 것을 올려 봅니다.
댓글 6
-
YO-DA
2011.01.03 22:58
자세한정보에감사드려요~ -
이기만224
2011.06.25 01:00
고맙습니다. 님 덕분에 큰 도움됬어요~ -
달팽이355
2011.06.25 10:47
아항~ !! 고맙습니다. -
착한악마
2011.06.25 13:48
정보 감사합니다. 혹시 드림위버는 그냥 저장해도 되나요.~~~혹시 드림위버도 아시면 알려주세요.^^ -
모조키
2011.07.04 17:19
드림위버도 페이지 정보에 인코딩 부분 보시면 저거 선택하는 부분이 있스빈다... -
파파민
2011.06.25 15:19
정신건강에..., 진심으로 감사드립니다. ^^
제목 | 글쓴이 | 날짜 |
---|---|---|
[생초보팁] 서브메뉴 배경이미지 활용하기 [4] | 에혀라X | 2010.11.24 |
개인 홈페이지에서 아주 손쉽게 배경음악을 깔아놓는 법 [5] | 지녁 | 2010.11.25 |
텍스타일 (Textyle) 에서 첨부파일 용량 제한 늘리는 방법. [1] | sejin7940 | 2010.11.27 |
게시물 하단에 예쁜 추천,비추천 아이콘 버튼 추가하기~ [12] | xemall | 2010.11.28 |
최근문서 or 콘텐츠 위젯 공지글 뽑아오기 [8] | Xiso | 2010.11.29 |
[생초보팁] 페이지 내용 줄간격 css | 에혀라X | 2010.11.30 |
호스팅비 돈아낍시다. 하나의 XE 다중 도메인 사용하기. [10] | kimnada | 2010.12.02 |
[생초보팁] 회원가입시 홈페이지 블로그주소 않나타내기 ㅋ [4] | 에혀라X | 2010.12.05 |
새로운 채팅 서비스 웹톡! [3] | 명랑폐인™ | 2010.12.06 |
어느게시판이든 모두 적용이 가능한 그림판입니다.^^ [1] | web | 2010.12.07 |
ftp나 mysql 암호 변경시 일어나는 ''db 접속시 에러' XE | 샷타이거 | 2010.12.08 |
플래시로 만들어진 글자 타이핑보고 만들었어요. | web | 2010.12.09 |
사이트 모니터링 알리미에요...^^ [3] | web | 2010.12.10 |
[생초보팁] 페이지(page) 줄간격과 부분 웹폰트 | 에혀라X | 2010.12.11 |
[생초보팁] 웹진최근게시물 요약글 링크걸기 [1] | 에혀라X | 2010.12.12 |
[생초보팁] 레이아웃 수정시 HTML 넣는 칸 넓히기 -_- | 에혀라X | 2010.12.12 |
메인화면에 설문조사 위젯(?) 만들기 [3] | 3D매니아 | 2010.12.14 |
1.4.2.3 에서 1.4.3 이상 버전으로 업그레이드 시 백지화면 해결팁 [4] | 2년후 | 2010.12.15 |
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법 [6] | DuRi | 2010.12.17 |
심플한 XML 플래시 이미지 갤러리 [7] | maxtabby | 2010.12.21 |