왜이 바닥 글이 완전히 측면으로 확장되지 않습니까?

저는 학교 웹 사이트의 템플릿을 디자인 중이며 도움이 필요합니다. 내가 바닥 글에 도착할 때까지 모든 것이 잘됐다. 나는 모든 것을 알았습니다 그러나 상단 네비게이션은 화면의 측면으로 완전히 확장 할 수 없습니다. 내비게이션과 같은 너비로 바닥 글을 채우려고 할 때 이것은 정말 실망 스럽습니다.왜이 바닥 글이 완전히 측면으로 확장되지 않습니까?

For your convenience, I have uploaded a copy of the template here. 나는 그것이 css와 관련이 있다고 믿지만, 나는 아무런 효과가 없다고 생각할 수있는 모든 가능한 값을 시도했다.

가능한 경우 도움을 받으십시오.

감사합니다.

출처

2011-08-27 cssplant

[유효성 검사 코드 (http://validator.w3.org/check?uri=http%3A%2F%2Ftest.victoriaparkci.com%2Ftpl2%2F&charset = % 28 자동으로 % 29 & doctype = 인라인 & 그룹 = 0). – Sparky

body 요소에 8 픽셀의 여백이 있으므로 귀하의 CSS에서 시도해보십시오

body, html 
{ 
    margin: 0; 
    padding: 0; 
}

모든 프로젝트 btw에 포함시킬 좋은 스 니펫입니다.

출처

2011-08-27 21:15:51 gargantuan

lol a second faster;) –

정말 고마워요! 나는 그것이 그렇게 간단하다고 믿을 수 없다 : D – cssplant

여백 추가 body 태그

출처

2011-08-27 21:15:53

정말 고마워! – cssplant

에 margin: 0 추가 : CSS 몸 {태그에 0 픽셀을

이 문제를 해결할 것입니다

body{ 
    background: #fbe2a9 url(images/body-bg.jpg) repeat-x top; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px; 
    margin: 0px; 
}

이

출처

2011-08-27 21:17:25

이

브라우저는 기본적으로 body을 제공 태그 마진. 상단 네비게이션은 당신이 그것을 할 방법이 나타납니다 왜

body { margin: 0; }

이유, 당신이 fixed에 position을 설정하고있는 때문에 "접착"입니다 : 그래서, 당신이 할 필요가 0에 있다는 설정 화면 왼쪽 상단 (0, 0) 너비 100 %.

출처

2011-08-27 21:17:47 wsanville

시작하려면 두 가지 및 플로팅 : 분명히해야 할 때 왼쪽 : 둘 다. 그런 다음 #footer_wrapper하려면 다음을 추가

#footer_wrapper { 
    position:relative; 
    left:-7px; 
}

출처

2011-08-27 21:27:10 monkdogz

왜이 바닥 글이 완전히 측면으로 확장되지 않습니까?

답변

관련 문제