2012-02-24 13 views
0

私は通常HTML/CSSでうまくいけば申し訳ありませんが、私はこれに固執しています。IE(html/cssの問題)

基本的には、ヘッダーがあり、その下にナビゲーションがあり、小さなスペースの後にサイトのコンテンツの領域があります。 Firefoxでは完全に機能していますが、IEでは小さなスペースがかなり大きくなってしまいます。 indexbodyクラスのmargin-topの値を下げると、IEの問題は解決されますが、Firefoxの場合は何のギャップもなくなります。

私のコードはこちらです。私は必要に応じてそれ以上のものを提供することができます:)

事前にお読みください! :)

*コードアウト、編集:再びhttp://jsfiddle.net/eoJ1/PRjF7/またはhttp://www.joemarketeer.com/stackoverflow/index.html :)

感謝を参照してください!テキストの壁には申し訳ありません。

+1

http://jsfiddle.net/またはhttp://jsbin.com/テストケースを作成できますか? – thirtydot

+0

します。フルファイルを私のサーバーにアップロードするのに役立つでしょうか? EDIT:サーバーにアップロードしました:http://www.joemarketeer.com/stackoverflow/index.html今すぐjsfiddleにアップロードします:) – Joe

+0

jsfiddleのようなものは、変化する。サーバー上でライブコードを使用すると、変更された場合、異なる時間に異なるものを見ている人を持つことが可能になります。 – anothershrubery

答えて

1

これは、IEがあなたの「ナビゲーション」divの高さを登録していて、スペースを追加するためにmargin-top:90pxを使用しているからです。他のブラウザは「ナビゲーション」の高さを無視しており、基本的にコンテンツエリアにあるmargin-top:90pxを使用しています。

浮動小数点数を持つナビゲーションdivでclearfixを使用し、コンテンツ領域の "margin-top:"の代わりにナビゲーションで "margin-bottom:30px"を使用します。

+0

ありがとう、それは完全に働いた:) – Joe