달력

11

« 2017/11 »

  •  
  •  
  •  
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  •  
  •  

외부페이지를 레이아웃과 결합(연결)시 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로 저장 해야 합니다.

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

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

저작자 표시
신고
Posted by NiCo of ScanMAC

댓글을 달아 주세요

  1. Favicon of http://ddoza.ontown.net BlogIcon 또자쿨쿨 2010.12.28 17:32 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요
    블로그검색 온타운 쥔장입니다.
    아까 등록을 하였는데, 인증신청을 하셨더군요.
    정상적으로 등록이 되어있으니, 브라우져를 껐다가 다시 로그인 해보세요
    감사합니다~

  2. 지나가던이 2011.10.28 07:05 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요..
    2002년에 쓰던 제로보드랑 너무 달라진 xe 덕분에 하나 해결하면 또 하나가 문제고 ㅠㅠ
    상단 마진폭이 마지막 걸림돌이였는데 님 덕분에 해결보고서 별거 아니라 생각하는 분들도 계시겠지만
    전 너무 고생해서 그래서 너무 감사해서 글 남깁니다.
    좋은 정보 올려주셔서 감사합니다.
    복 받으세요~

  3. Hyomini 2016.01.09 23:35 신고  댓글주소  수정/삭제  댓글쓰기

    안녕하세요.
    덕분에 문제를 잘 해결했습니다.
    아마도 XE가 원본 문서에서 데이터를 읽어올 때, BOM도 읽어와 화면에 출력하나 봅니다.
    저 흰 줄 영역이 폰트 크기에 영향을 받더라고요..