私のサイトはクロスブラウザー互換ですが、IE9 ではナビゲーションとコンテンツ部分の間に余分なスペースが表示されます。
ここで問題を確認できます。
どうすれば修正できますか?
position:relative を使用してから clear="all" タグを使用しているため、多くの空白が発生しています。これにより、すべてのコンテンツがその下に押し下げられます。代わりに絶対配置 (position:absolute;) を使用してみて、親コンテナーを position:relative; にします。
しかし、ここで心配することがたくさんあると思います。あなたのコーディングは非常に混乱しており、エラーを特定することは非常に困難です(私はそれだと思いますが)。すべての CSS を取得して別の style.css スタイルシートに配置し、javascript についても同じことを検討することをお勧めします。
また、スクリプトには161 個のエラーと194 個の警告があります。( http://validator.w3.org/でご確認ください)。これらのエラーは、あらゆる種類の問題を引き起こし、すべてを好きなようにレイアウトすることを非常に困難にします (また、Google は検索エンジンの結果を罰します)。多くのエラーがあることはわかっていますが、ほとんどが重複しているため、それらすべてを確認して修正することはそれほど悪くはありません。また、あらゆる種類の新しいことを学びます:)それが役に立てば幸いです!
上マージンが。であるため、スペースが発生するのはdiv
withです。マージンは外側の要素で折りたたまれ、を押し下げます。次に、相対ポジショニングを使用して、コンテンツの表示をさらに上に表示します。id="navBreadCrumb"
190px
div
id="new_main"
90px
余白と相対位置を削除すると、100px
空白がなくなります。