css - ヘッダー画像の下に追加される 5px の下余白

Question

summer-band.com

これは line-height:0; を使用して削除できることを知っています。私の #navigation で、しかしそれはナビ全体を台無しにします。ヒット 5px マージンを削除する他の解決策を見つけようとしています (Firefox/モバイルのみ... Chrome/Safari には表示されません)。

Answer 1

実際にこれを引き起こしているのはナビゲーション/サイドバーです。ナビゲーションを に設定することをお勧めしますposition: absolute。次に、ヘッダー画像を左に移動するだけです。できれば、コンテナー内にヘッダーとナビゲーションを含めます。

編集：次に行うことはこれです：

#container {
width: 560px;
padding: 0 130px;
margin: 0 auto;
float: none;
z-index: 5;
height: auto;
min-height: 600px;
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=100);
opacity: 1.0;
position: relative;
}

margin: 0 auto、float: none (代わりに、float を削除するだけです)、padding、および position: relative を追加しました。最後の手順は、ナビゲーションとヘッダーをコンテナー内に移動して、ナビゲーションがコンテナーに対して相対的に配置されるようにすることです。

最後に、これをナビゲーション スタイルに追加します。

left: 0;