묻고답하기
레이아웃 윗쪽 여백, 헤드쪽 문제인지 봐주실 수 있나요?
2008.11.11 12:11
http://www.zeroboard.com/17445610
이전 질문글인데 아직 해결을 못봐서요. ㅇㅇ; 죄송스럽게도 마저 질문을 올립니다.
레이아웃 설정에서 '헤드부분에 추가하고 싶은 사항'을 적는곳에 뭔가 적으면
레이아웃 윗쪽 여백에 그 텍스트가 나타납니다. 크기가 맞는걸로 봐서
아마 엔터 한번정도의 여백인거 같네요.
근데 레이아웃파일과 css파일을 나누지 않고 한 파일로 작성하고 <head>를 삭제해서 열어보면
이같은 문제가 발생하지 않습니다. 그래서 전 <head>쪽 문제인가 싶어서 이렇게
새로 글을 올리게 되었습니다. ㅠㅠ
일단, 아래는 문제가 생긴 레이아웃이 적용된 상태의 zbxe페이지의 헤드부분을 소스보기로 떠온겁니다.
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="zeroboardXE 1.0.0"/>
<meta name="module" content="page" />
<meta name="layout" content="편집중 레이아웃" />
<meta http-equiv="imagetoolbar" content="no" />
<title>레이아웃 편집중입니다.</title>
<script type="text/javascript" src="/files/cache/optimized/68ec6f2e73b4de63032c7fece499ac8b/68ec6f2e73b4de63032c7fece499ac8b.1226335495.js.php"></script>
<link rel="stylesheet" href="./common/css/button.css" type="text/css" />
<link rel="stylesheet" href="./files/cache/optimized/e95e9364066a0b784d5e1c861275a8de/e95e9364066a0b784d5e1c861275a8de.1226336132.css.php" type="text/css" />
<script type="text/javascript">//<![CDATA[
var current_url = "홈페이지 주소가 들어갔던 부분";
var request_uri = "홈페이지 주소가 들어갔던 부분";
var current_mid = "home";
var wating_message = "서버에 요청중입니다. 잠시만 기다려주세요.";
//]]></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" http://홈페이지주소/zbxe/home/api />
뭔가 수상한 부분이 있을까요?
레이아웃에 적용되는 <head>부분을 강제로 편집할 수 있는 방법이 없을까요?
댓글 7
-
Ank.P
2008.11.11 16:17
Legato라는 이름의 녹음실 홈페이지를 작업중입니다.
초초보 레이아웃 만들기를 참고하면서 제작중이긴 한데,
지금은 메뉴부분을 만들면서 좀 막혀있는 상태구요.;
기본레이아웃도 그렇고 위쪽에 한칸의 틈이 있더라구요.
제로보드 자체의 의도적은 틈인지, 없앨순 없는지 궁금합니다.
수고스러우시겠지만 도움 부탁드립니다 ㅠㅠ
매번 성실한 답변 감사하구요. ㅎㅎ -
Ank.P님...
이 게시판 댓글의 비밀글 열람 부분에 약간 버그가 있는지,
원 댓글작성자에게 하위 답글이 안 보이는 문제가 있습니다.
비밀글로 올리면 볼 수 없답니다.
구태여 비밀글로 작성하실 필요까지는 없는 부분인 듯 하니 비밀글을 푸시고 등록해주세요.
그래야 많은 분들이 해결책을 제시할 수 있습니다. -
Ank.P
2008.11.11 17:14
그렇군요 수정했습니다! -
휴~!!!
찾아내는데 한참이 걸렸네요...
아무리 뜯어봐도 공간이 생길 이유가 없어서 말이죠.... ^^;;
마지막에는 div 하나만 남겨두고 배경이미지를 적용해도 나타나는 것을 보고 혹시나 하는 마음에 확인해보았더니, 드디어 원인을 알 수 있었습니다... ^^;;;;;;
레이아웃이나 위젯 만들 때 가끔 이런 문제를 겪기도 하는데 왜 이 생각을 못했을까요... ㅠ.ㅠ;;;;
Ank.P님...
어떤 에디터를 사용하시는지 모르겠지만, 저장될 때 BOM이라는 것이 들어가서 그렇습니다.
검색에 가셔서 'utf-8 BOM 문제'라고만 검색해 보셔도 아실 수 있을 겁니다.
즉, layout.html에 있는 BOM을 제거해야만 제대로 레이아웃이 동작을 합니다.
혹시 수정하시기 어려우면 첨부파일을 다운로드 받으시고요...
하지만, 앞으로도 겪을 수 있는 경우이기 때문에 BOM 제거 방법은 꼭 알아두시기를... -
위 첨부파일의 layout.html은 BOM을 제거한 것입니다.
그런데, Ank.P님...
레이아웃의 메뉴출력부분은 수정 중이신가요?
현재 설정대로면 레이아웃 적용될 때 에러를 낼 텐데요??? -
Ank.P
2008.11.11 23:36
고생스럽게 만들어 드린거같아 면목이 없습니다.
더불어 정말 감사드립니다. ㅎㅎ
제가 Notepad를 쓰는데 UTF-8로 저장하면 자동으로 BOM이란게 붙는 모양이군요...
그럼 다른 편집툴을 써야할까요? 펄로 뭘 입력하란 얘기도 있는데 제가 이쪽계통이 아니라
잘 못알아듣겠더군요.; 흠... 일단은 편집기를 바꿔봐야 겠네요. 메모장 외에 다른툴은
써보질 않아서...;
메뉴부분은...... 이것도 어제부터 줄곳 머릴 쥐어싸고 있었습니다.
foreach문을 이용해서 저장해둔 메뉴의 텍스트와 주소를 끌어내 list로 출력한다
뭐 이런식으로 겨우겨우 이해를 할랑말랑하는데, 보니까 Xe 자체에서 메뉴이미지를 아예 입력시킬 수 있더군요.
근데 제가 본 강과는 예전꺼라 그런지 이미지메뉴 기반의 강좌가 아니었고, 그래서
이미지의 주소를 저장하는 코드는 뭘까, 어떻게 넣는걸까 하고 이리저리 다른 홈페이지 소스들을 뜯어봤지만
이제 일주일도 안된 초보가 알아내기엔 역부족이었습니다. ㅠㅠ;
그래서 결국 메뉴탭에 강제로 메뉴 이미지를 불러다 일일히 링크하는 식으로
해결을 봤습니다만, 아쉽군요.; (한심스런 얘기지만 어차피 공개용 레이아웃이 아니고 이 홈페이지만 쓸거라,
이렇게 해도 메뉴추가나 수정할때만 아니면 크게 문제될건 없다 싶기도 했구요;)
http://legatostudio.com
일단 이렇게 이미지링크와 메뉴로 얼추 모양을 잡아뒀습니다.
서툴게나마 일단 모양을 잡아가고 있습니다. ㅎㅎ;
아, 그리고 신경써주신거 정말 거듭 감사드립니다! :)
이곳에 첨부파일로 만드신 레이아웃 파일들을 압축해서 올려줘 보세요.
직접 적용해서 원인을 찾아봐야 할 듯...