Internet Explorerレイアウトバグ

ChromeとFirefoxでは正常に動作するが、Internet Explorer（すべてのバージョン）では正しく表示されないウェブサイトで作業しています。ここでは、3つのすべてのブラウザで次のようになります。Internet Explorerレイアウトバグ

Chrome and Firefox ChromeとFirefoxの

Internet Explorer (all versions) Internet Explorerの

ようこそ！関連するコード（JSFiddleの例もあります）をここに追加してください。外部リンクだけでは、問題が解決されると、将来の読者には問題はありません。ありがとう！ –

あなたのDOCTYPEとあなたのhtmlとの間にスペースがあり、IEが適切なDOCTYPE宣言を適用するのを妨げています。 DOCTYPEはスペースのない絶対的な位置にある必要があります。それを削除するとページが正常に動作するはずです。

あなたが検証レポートでエラー[here]を見ることができます

重要ビット：スタックオーバーフローへ

Line 1, Column 1: character "" not allowed in prolog

2011-12-29 20:52:50

空白を取り除いても何も起こりません。 –

@ダニエルまた、あなたのキャッシュをクリアすることを確認してください。 –

間違った行を発見しました。 CSSの使用では

body { min-width: 950p; }

問題は、この行である代わりに

html { ... }

2011-12-29 20:30:58 Dion

HTMLタグにはすでに "min-width：950px;"が含まれています。 –

ええ、htmlにはCSSプロパティ "min-width"がありません。したがって、html {min-width：950px; } 間違っている。 – Dion

：IEで

<div style="left: 0px; top: 150px; position: fixed;" sizset="45" sizcache07028310558890892="0">

、それはposition: fixedでレンダリングだが、他のすべてのブラウザではposition: absoluteでレンダリングです。

注：ブラウザ固有のCSSを使用していることを知らせると便利です。

2011-12-29 20:31:18

コードが機能しません。 –

@ダニエル、私の答えを読んでください。私はあなたの問題を解決しなかった、私はあなたの問題がどこにあるか教えてくれた。条件付きCSSを使用していますか？ –

はい、<！ - [場合、すなわち7 LT]> \t <リンクのhref = "CSS/ie_style.css" REL = "スタイルシート" タイプ= "テキスト/ CSS" /> –

答えて