헤더 이미지 주위에 공백을 제거하는 방법은 무엇입니까?

내 헤더 실험하고 있지만 나는 그것을 주위의 공백을 제거 할 수 없습니다,이 내 코드는 모습입니다 같은 :헤더 이미지 주위에 공백을 제거하는 방법은 무엇입니까?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
<html> 

<head> 
<style type="text/css"> 
.header{background:url(http://likenation.com/theme/pes/images/header_bar.png) repeat-x;border-bottom:1px solid #131619;height:56px} 
.header-content{width:1000px;margin:auto} 
</style> 
</head> 
<body> 
<div class="header"> 
    <div class="header-content"> 
     Test 
    </div> 
</div> 
</body> 
</html>

그리고 이것은 헤더 같은 모습입니다 : http://gyazo.com/b71ad68c24c2bdb49619a44c551918c5.png

I을 누군가가 내가이 문제를 해결하도록 도울 수 있다면 정말로 감사 할 것입니다.

편집 : 나는 내 자신의 질문에 대답 할 수 없기 때문에

, 내가 여기에 게시됩니다

내가이 추가 된 다음에

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

을하고 일을, 감사 도와주세요!

출처

2013-11-28 user2989236

에 추가 할 수 있습니다. body {width : 100 %; 높이 : 100 %; 위치 : 절대; 상단 : 0 픽셀; 왼쪽 : 0px; } –

해결 방법이 있으면 답변 중 하나를 수락해야합니다. – kinghfb

에서 severeal CSS 리셋 파일을 체크 아웃 할 수 있습니다 :이 작업을 수행하는 쉬운 방법입니다

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

출처

2013-11-28 15:06:42

농담하는거야 ??? 다른 사람에게서 베껴 진 마지막 응답을 받아들이 는가 ??? – Legionar

당신은 당신의 HTML/몸에 패딩/마진을 제로해야합니다

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

나는 아마 비록 proper reset을 사용합니다.

출처

2013-11-28 15:06:13 kinghfb

reset 브라우저에서 설정 한 기본 CSS가 필요합니다.

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

그리고 당신은 더/모든 요소를 재설정하려는 경우, 당신은 당신의 CSS이 추가 http://www.cssreset.com/

출처

2013-11-28 15:06:17 BrownEyes

이것은 모든 요소에 여백과 패딩을 설정합니다 ... – Legionar

@Legionar 그래서요? 그것은 http://www.cssreset.com/에서 발견 된 "Universal Selector"* "reset입니다. - 나는 왜 downvote인지 모르겠습니다. – BrownEyes

body에 대한 암시 적 여백 및 패딩은 브라우저마다 다릅니다. 좋은 연습으로 margin:0과 padding:0을 몸체 요소

출처

2013-11-28 15:07:29

헤더 이미지 주위에 공백을 제거하는 방법은 무엇입니까?

답변

관련 문제