2013-12-11 3 views
0

내 웹 사이트의 테마를 디자인 중이며 template.css 외에 내 폴더에 다른 CSS 파일이 없습니다. Drupal 7 CSS 문제

enter image description here

빨간 선

를 생성하는 중입니다 공백을 보여

.header-wrap, 
.nav-wrap, 
.slideshow-wrap, 
.body-wrap, 
.sub-footer-wrap, 
.footer-wrap {float: left; width: 100%; clear: both;} 

.header, 
.nav, 
.slideshow, 
.body, 
.sub-footer, 
.footer { width: 960px; margin: 0 auto;} 

.header-wrap { height: 118px; background: url('files/img/background/bg-header.png') 
repeat-x; border-bottom: 1px solid #6A6A6C} 
.nav-wrap { height: 38px; background: url('files/img/background/bg-nav.png') repeat-x; 
border-top: 1px solid #D9D9DB; border-bottom: 1px solid #B8B8BA} 
.body-wrap { background: #F4EDDB url('files/img/background/bg-body.png') repeat-x;} 

나는 문제가 관련되어 있지만 뭔가 다른 내 웹 페이지에이 일이 있어야 믿을 수 없어 알 수없는 이유로. 나는 잠시 동안 이것을보고 있었고 근원을 찾을 수 없었습니다. 나는 누군가가 이것과 같은 문제를 전에 가지고 있는지 궁금해하고 있었다? 또는 문제를 해결하기 위해 올바른 방향으로 나를 안내 할 수있는 사람. 여러 브라우저를 사용해 보았는데 같은 문제가 있습니다. 나는 또한 그것이 행정 문제가 아니라는 것을 확실히했다. 그것은 상관없이 일어난다. 현재 Chrome을 사용 중입니다. 여기

--EDIT--는 (여전히 너무 거기에 그것을 않습니다)이 전체 HTML http://jsfiddle.net/RCMh7/

+0

여기가 어디에서든지 라이브가 될까요? 크롬 개발자 도구 또는 방화범을 사용하여 식별하려 했습니까? –

+0

@DanielHarper - 아무데도 살지 않아, 나는 이걸 로컬로보고있다. Chrome 개발자 도구를 사용했습니다. 현재 firebug를 사용하고 있습니다. – scapegoat17

+0

@DanielHarper - 코드가 들어있는 jsfiddle 페이지에 대한 링크도 추가했습니다. 잘하면 도움이됩니다. – scapegoat17

답변

3

css에 추가하십시오.

body { margin: 0px; padding:0px} 

Google 또는 reset.css를 테마에 추가하면 Eric Meyer가 상당히 인기가 있습니다.

http://www.cssreset.com/

+0

본문 태그가 그랬어. 고맙습니다! – scapegoat17

+0

아마도 ol ul 같은 다른 태그를 사용하여 비슷한 일이 일어나지 않도록 리셋을 조사 할 가치가 있습니다. –

+0

좋습니다. 다시 한 번 감사드립니다! – scapegoat17

-1

사용 파이어 폭스의 방화범을 가지고 물었다 분들을 위해 내 jsfiddle입니다 도구를 사용하여 해당 CSS 문제를 확인하십시오. 일부 배경 이미지 또는 CSS 파일로 인해 발생했을 수 있습니다. 해당 테마에 연결된 모든 CSS의 경우 해당 테마의 .info 파일도 확인하십시오.

내 경험에 따라 방화범이 끌려서 정확한 CSS 소스를 얻을 수 있지만.

이미지 또는 CSS 효과의 배경 이미지 일 수 있습니다.

+0

의견을 보내 주셔서 감사합니다. 내 테마 .info 파일을 확인하고 내가 사용하고있는 유일한 .css는 내가 만든 것입니다. Jsfiddle 파일을 추가하여 잘하면 도움을줍니다. – scapegoat17

+0

주어진 부분에서 우리는 거기에 이미지를 보여주는 메뉴 헤더를 포함하지 않기 때문에 그 공간 부분을 추적 할 수 없으며, 문제를 찾기 위해 사람들에게 분명히 도움이 될 그 페이지의 HTML을 사용하여 다른 링크를 만듭니다 .Althogh answer1은 편집하여 사용해보십시오. – Abhishek

+0

나는 여백을 0으로 설정하려고 시도했지만 내 문제는 해결되지 않았다. 요청한 HTML과 CSS를 모두 추가했다. 도움이되기를 바랍니다. – scapegoat17

0

이 div에는 margin-top : 0 및 margin-left : 0을 입력해야합니다.

jsfiddle에서 우리에게 표시 할 수 있습니까? 또는 링크 페이지?

+0

제 편집에서 jsfiddle 페이지를 추가했습니다. 잘하면 그게 도움이 될 것입니다 – scapegoat17