2012-03-15 14 views
1

Firefox/Chromeでは問題なく動作していますが、Internet Explorerではこのページの構成が壊れています。フッターdivがヘッダーセクションに来ています)。私はそれをデバッグしようとしましたが運はありません。Internet Explorer 9 - CSS Breaking

あなたはそれを見て、私にいくつかの指摘を与えることができればそれは素晴らしいことでしょう。

https://www.csupomona.edu/~tahoang/tu-template/

感謝!!

+0

IE9でうまくいきます... – elclanrs

+0

問題はIE7でのみ発生します - 互換モードがオンの場合、IE9で見ることができます。 –

+0

いいえ、それは動作しません:( –

答えて

1

私はまた、あなたが持っフッターに気づきます列の束が比較的に配置されているので、その必要はありません。あなたはそれを削除することができます。

2

重複したIDが2組あります。私はそれらを修正することから始めます。

http://validator.w3.org/check?uri=https%3A%2F%2Fwww.csupomona.edu%2F~tahoang%2Ftu-template%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

IE 8、IE 9とChromeに私には正常に見えます。互換性ビューはIE 9で有効になっていますか?また、ティムは言及して、それらの重複したIDを修正しますが、このメタタグは、すべてのあなたのIE9の問題を解決します<head>

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

にこれを追加すること

+0

この答えでTimが指摘したように、通常は一度だけIDを使用しますしかし、あなたは特定のクラスを使用することに限定されません。常にクラスを使用することを推奨し、必要に応じてIDを1回使用してください。 –

1

てみてください。)

+0

IE = Edgeは、 Internet ExplorerはQuirksモード/互換モードでWebサイトを表示していません...しかし、これは問題に関係なくこの問題を解決しません... –

+0

ええ、問題はまだそこにあります:( –

+0

It's mosおそらくコンテナの高さを拡張することがないので、フッターは上端近くに終わることになります。それとも、あなたのフロートが 'clear'要素によって正しくクリアされていない可能性があります... –

関連する問題