웹마스터 팁
외부페이지를 레이아웃에 결합시 상단 마진폭이 벌어지는 문제 해결방법
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.07.04 17:19
드림위버도 페이지 정보에 인코딩 부분 보시면 저거 선택하는 부분이 있스빈다... -
파파민
2011.06.25 15:19
정신건강에..., 진심으로 감사드립니다. ^^
제목 | 글쓴이 | 날짜 |
---|---|---|
[re] 벅스뮤직 음악을 페이지의 배경 음악으로 깔기 (간단) [3] | 윤혜성 | 2003.12.26 |
홈페이지에 배경 음악 항상 흐르게 하기 (숨김프레임) [5] | 마이템플릿 | 2003.08.13 |
이미지2장으로 홈페이지만들기 2탄 [3] | Conz | 2003.08.01 |
이미지2장으로 홈페이지만들기 [5] | Conz | 2003.08.01 |
노프레임 홈만들기 (3) - 서브 페이지 만들고 제로보드에 적용하기
[27]
![]() | @kihwa | 2003.07.26 |
내 카페/홈페이지에 뉴스 달기 소스 공개 [9] | 깜보 | 2003.07.10 |
쭘's식 홈페이지 만들기 No.5 - (미리보기 포함)
[18]
![]() | 쭘's | 2003.07.07 |
도메인 주소를 고정한 페이지를 새로고침해도 처음으로 돌아가는것을 방지 ★ [24] | 새벽이슬 | 2003.07.05 |
쭘's식 홈페이지 만들기 No.4 - (미리보기 포함)
[26]
![]() | 쭘's | 2003.06.16 |
[매크로] 노프레임 페이지 작성시 나모에서 링크 타겟 매크로로 입력하기 [4] | 김병희 | 2003.06.14 |
쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함)
[37]
![]() | 쭘's | 2003.06.07 |
[re] 쭘's식 홈페이지 만들기 No.3 - 깔끔 노프레임 (미리보기 포함) [5] | 파마아줌마 | 2003.07.21 |
[html 초보용] 홈페이지 무작정 따라하기!②
[3]
![]() | 깻잎사랑=_=v | 2003.04.14 |
[html 초보용] 홈페이지 무작정 따라하기!①
[6]
![]() | 깻잎사랑=_=v | 2003.04.14 |
스스로 사라지는 웹페이지 만들기 [3] | 최재철 | 2003.04.08 |
노프레임홈페이지 디비기 4 - 쌍벽
[36]
![]() | 리디 | 2003.04.08 |
홈페이지의 위아래를 바꾸어 보자! [10] | 세죠위그이 | 2003.04.01 |
노프레임홈페이지 디비기 3 - 경로
[42]
![]() | 리디 | 2003.03.31 |
쭘's식 홈페이지 만들기 No.2 - 예제 미리보기 포함
[14]
![]() | 쭘's | 2003.03.30 |
노프레임홈페이지 디비기 2 - 헤더와 풋터
[57]
![]() | 리디 | 2003.03.26 |