2013-07-22 2 views
0

정말 흥미로운 문제가 있습니다. WordPress 테마를 만들기 시작했습니다. 사용자 정의 페이지를 만들 때까지 모든 것이 잘 진행되고 있습니다. 어쨌든 나는이 "홈"페이지를 만든 다음 제어판을 통해 내 사용자 지정 "frontpage"템플릿에 연결했습니다. 그렇다면 헤더와 브라우저 바 사이에 간격이 있음을 알고 있습니다.사용자 정의 페이지의 헤더 간 간격

여기에 ss : http://i43.tinypic.com/2q2o13b.png입니다. 간격은 대략 15px입니다. 내 페이지를 사용자 정의 페이지에 링크했을 때만 발생합니다 (사용자 정의 페이지의 코드는 기본 페이지와 동일합니다)

그러나 일반 페이지처럼 보입니다. 아무 것도 연결되어 있지 않습니다. 기본 템플릿. 그와 http://i43.tinypic.com/2w5u05e.png

없음 문제 : 다음

는 SS2이다.

실제로 body 태그에 margin-top : -8px를 구현하려고합니다. 홈페이지가이 문제로 수정되었지만 이번에는 정상적인 페이지가 깨졌습니다./

얘들 아 정말 도움이 필요합니다. 그렇지 않으면 내 머리에 머리카락이 없습니다. 나쁜 영어로 미안해. 당신이 내 문제를 이해하게되기를 바랍니다.

PS :

CSS 파일 : http://snipt.org/embed/ALje3 기본 페이지 파일 : http://snipt.org/ALjf1 사용자 정의 페이지 파일 (FrontPage를) http://snipt.org/ALjg6, 내가 처음 4-5 라인에 추가 만 기본 페이지와 지금 같은

아 그리고 관리자 표시 줄을 사용하지 않도록 설정하고 태그 등을 확인해보십시오.

+0

http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it –

+1

실제 페이지에 링크 넣기 - 더 쉬울 것입니다. firebug (forefox에서)를 사용하여 무언가를 찾으십시오. Btw : 대부분의 브라우저는 첫 번째 규칙으로 'html, body {margin : 0}'을 사용합니다. [CSS 재설정] (http://www.cssreset.com)을 참조하십시오. 때로는 내부 요소 여백이 외부 요소를 벗어나면 이상한 마진을 얻을 수 있습니다. 때로는 편집자가 [BOM] (http://en.wikipedia.org/wiki/Byte_order_mark)을 사용하여 utf-8로 파일을 저장하면 이상한 여백도 생길 수 있습니다. – furas

+0

[jsFiddle] (http://jsfiddle.net/bQ52j/1) -'H1' 마진은'div' 바깥쪽으로갑니다. 'h1 {margin : 0; }'또는'div {overflow : auto; }'예를 들어 차이점을 확인하십시오. – furas

답변

1

페이지를 파일로 다운로드하고 브라우저에서 해당 파일을 열었습니다. 문자가 왼쪽 상단 구석에 ďťż 인 것을 보았습니다.

enter image description here

이것은 에디터는 BOM으로 UTF-8 파일을 저장하는 것을 의미한다. BOM (Byte Order Mark)은 파일 시작 부분에 편집기 정보가있는 몇 바이트입니다. 에디터에서는 볼 수 없습니다. 브라우저는 때때로 해당 바이트를 ďťż으로 표시하지만 때로는 그 위치에서 공백 문자를 사용합니다. 이로 인해 예기치 않은 여백이 생깁니다.

편집기가 Save in UTF-8 without BOM 또는 Convert to UTF-8 without BOM (또는 비슷한)이 편집기를 변경할 필요가없는 경우 - 예를 Notepad++에 대한 (Windows) 또는 Geany (윈도우, 리눅스)

+0

정말 고마워요! 너는 내 머리를 구했다. :) 내 IDE는 Dreamweaver CC btw입니다. – android93