css - Safari での位置合わせの問題 - いくつかの px ギャップ

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

これが発生する理由は、おそらくパディングまたはマージンがあるに対して#header絶対に相対的に配置されているためです。または、パディングまたはマージンを持つ可能性のある に対して相対的に配置することもできます。bodyhtml

htmlしたがって、 to 0、またはのパディングとマージンを設定してみてくださいbody

html {
    padding: 0;
    margin: 0;
}

また

body {
    padding: 0;
    margin: 0;
}

または両方 ：）

すべての要素のパディングとマージンを0

Answer 2

試す ：

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

html または body タグにはデフォルトのマージンまたはパディングがあります。これで解消されるはずです。

Answer 3

これをcssに追加してみてください。

*{padding: 0; margin: 0;}

それが役に立てば幸い。