사파리와 정렬 문제 - 약간의 픽셀 간격

Question

어떤 이유로 내 헤더가 완벽하게 정렬되지 않았습니다. 너비를 100 %로 설정했지만 몇 픽셀 간격 (위쪽과 왼쪽 - 그림 참조)이 있습니다. 이 문제를 어떻게 해결할 수 있습니까?

TKS

#header { 
position:absolute; 
top:0px; 
left:0px; 
width: 100%; 
height:50px; 
background: #FFF; /* Fallback background color for non supported browsers */   
background-image: -moz-linear-gradient(top, #fff, #f3F3F3); /* Firefox 3.6 */ 
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3F3F3),color-stop(1, #fff)); /* Safari & Chrome */ 
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#F3F3F3'); /* IE6 & IE7 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#F3F3F3')"; /* IE8 */ 
} 

Answer 1

시도 :

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

HTML 또는 body 태그 할 기본 마진이나 패딩이있다. 이렇게하면 지워집니다.

Answer 2

css에 추가해보세요.

*{padding: 0; margin: 0;} 

희망이 있습니다. 당신의 #header 아마 패딩이나 마진이있는 body에 절대적으로 상대 위치 때문에

Answer 3

이 일어나고있는 이유는, 가능성이 높습니다. 또는은 패딩 또는 여백을 가질 수있는 html에 상대적으로 위치 할 수 있습니다.

그러니 0에 html 패딩과 마진을 설정하거나 body

html { 
    padding: 0; 
    margin: 0; 
} 

또는

body { 
    padding: 0; 
    margin: 0; 
} 

또는 두 :

은 확실히 이이하지 않는 노력 Marko Franceković가 제안한 바에 따르면 모든 패딩과 여백을 설정합니다. 우리 요소를 0