html - IE と Firefox の div 間のギャップ

Question

これが一般的な問題であることはわかっていますが、私が見つけた解決策が機能していないようです。

このサイトの IE/Firefox では header と content div の間に隙間がありますが、Chrome では問題ありません。誰がそれを引き起こしているのかを示唆できますか?

http://www.britainsbiggestcurryparty.org/

これはパディングの問題ではなく、フォント サイズの問題でもないようです。すべてのマージンをグローバルに削除しようとしましたが、それも機能しません。私を少し狂わせます！

どんな提案もありがたく受け取られます

Answer 1

これは、上/下マージンのデフォルトの 16px であり、不一致の原因<ul>と<ol>なっている要素です。必要なのは、マージンを削除することだけです。

nav ul {
list-style: none;
margin: 0;
}

ブラウザのデフォルト スタイルを回避するために、 CSS リセットの使用も検討する必要があります。