私は本当にFirefoxとChromeで素晴らしい見えますが、IEで絶対がらくたのように見えるページに苦しんでいます。CSSおよびInternet Explorerの互換性がない
私は明らかに何かが足りないのですが、それがCSSに来るとき、私は、ブラウザ間の互換性の問題に非常に精通していませんよ。誰も私にヒントを与えることができますか？
インデックスページが正常に表示されます。本当にあなたのページは...ループのために事前
でおかげ
を私に投げされているIEのQuirksモードにフォールバックされるように、何のDOCTYPEを持っていません。 htmlタグの上にこれを追加すること
試してみてください。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
あなたはCSSのリセットを使用していますか？これは私が使用しているCSSのリセットです：http://meyerweb.com/eric/tools/css/reset/でも便利な他のバリエーションがあります。
は、ほとんどのブラウザの非互換性の問題を解決するのに役立ちます。 ;）
このすべての最初には、不正な形式のHTMLあり、それ<html> <head> <scripts .../></head> <body> </body></html>します。これにより、2番目のページが最初のページのように見えます。
センターアライメントを固定するXHTML DTDを追加しました <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。これにより、最初のページもchromeやFirefoxのように見えるようになります。
最後に、HTML5タグ<header>と<nav>を使用しています。 HTML5はIEでは完全にはサポートされていませんが、firefox chromeは部分的にサポートしています。私はむしろ今それらを使用したり、少なくともすべてのブラウザでテストすることに懐疑的であろう。私はIEでHTML5をシミュレートするために1つのjsを追加しました。体の前にそれを置く。しかし、HTML5をどのようにシミュレートしているのか興味深い。
あなたはそうです！それはdoctypeだった！私はあなたの答えをチェックします（しかし、別の10分待たなければなりません！） – user198923
doctypeを持っていないときにfirefoxとchromeは何をしますか？ – kobe
FirefoxとChromeは常に仕様に従ってページを表示します。あなたはie6にあったすべてのバグを再度有効にするために：S – david