私はこれを一日中検索しました(ここでは2pmのatmなのでかなりの量の検索)、ヘッダーには約5pxのマージンがあります。私が見た答えは、通常、インラインブロックに自動的にマージンを追加すること、または配置を使用することに関連しています。余白とパディングの両方が0に設定されていますが、まだこのギャップがあります。ここにいくつかのコードがあります。あなたのbody
要素のCSSにmargin: 0
を追加し、あなたがしたい場合は、あなたのヘッダーは、すべてのスペースを取るために - あなたのbody
要素の周囲の余白をだメニューの周りの不要な余白
<style type="text/css">
#header{
margin:0;
padding:0;
width:100%;
background-color:#333;
}
#logo{
margin:0;
padding:0;
}
</style>
<div id="header">
<div id="logo"><a href="index.php"><img src="../img/logo.jpg" width="591" height="124" alt="SunnahSpace"></a>
</div>
</div>
コードをテストするときにヘッダの周りに余白がありません。他の要素から来ていないことは確かですか? –
このギャップのスクリーンショットまたはサンプルHTMLを表示できますか?上記のマークアップをJSFiddleにプラグインしましたが、ギャップはありません。 – Bojangles
余白は要素全体を丸めているのか、左右の部分だけですか? – Akos