IEで真剣に混乱しているデザインが表示されている

レイアウトと形状がかなり複雑なデザイン（http://scoding.com/eyal/）で作業しなければならなくなりました。何故ですか？コンテナが中央にない理由は何ですか？私はいくつかの答えのためにGoogleで見て、何かを助けることができなかった、助けていただければ幸いです！IEで真剣に混乱しているデザインが表示されている

出典

2011-08-12 Saulius Antanavicius

チェック？ – Ryre

私は毎回そのフレーズを聞いたことがあるニッケルを持っていたら.. – Radu

IEは「quirksモード」でページをレンダリングしています（IEでF12キーを押すと、デフォルトで「ドキュメントモード」がデフォルトになります）。

は次のようにDOCTYPEを設定します。

<!doctype html>

そして、すべてがうまくなります！

ボーナスポイントは、W3C Validatorで実行して、エラーフラグを修正してください！

出典

2011-08-12 19:16:38

Thそんなにたくさん！他のエラーについてのアイデア？ –

あなたの答えから編集したスペースは重要です。 – thirtydot

さて、あなたは[3エラー]（http://validator.w3.org/check?uri=http%3A%2F%2Fscoding.com%2Feyal%2F&charset=%28detect+automatically%29&doctype=Inline&group=0）しか持っていません。、それは素晴らしいです！あなたは不正な者（削除可能）を持っていますが、EditURIはwordpressと関係があるようですので、削除することができます。また、は
–

これは、すべてのWebデザイナーは、IEを嫌う理由の一つです。.. ;-)

残念ながら、あなたのための魔法の答えはありません。適切なツールを手に入れて、サポートしたいすべてのブラウザをテストし、すべてのブラウザでCSSを修正する必要があります。

すべてのブラウザが同じようにCSSを解釈するわけではありません。しかし、IEはほとんどの人が問題を抱えるだろう。

ヒント：

CSSフレームワークを使用してみてください。 BlueprintまたはCSS960が最も人気のあるIMOの1つです。フレームワークを使用すると、すべてのブラウザで同じ結果が得られる可能性が高くなります。

IEの場合はdeveloper toolbarをダウンロードできます。 FirefoxのFirebugに似ていますが、IEのためです。 IEのCSSの問題をデバッグすることは不可欠です。

あなたがIE6,7,8をサポートしたい場合は、おそらく各バージョンで異なる結果を持つことになりますので、あなたがそれらをすべて:-(をテストする必要がありますのでご注意ください。

JavaScriptを使用している場合は、私は非常にお勧めあなたをしたIEのバージョンのjQuery。決してそれは各ブラウザに異なって解釈されるので、JavaScriptコードは「ネイティブ」を書かない。jQueryのことの世話をし、あなたのコードは、クロスブラウザの互換性があることを保証します。

幸運

出典

2011-08-12 19:32:08 Cygnusx1

IE6/7用の開発者ツールバーのみをダウンロードする必要があります。 IE8 +は既にそれを含んでいます。 – thirtydot

良い点。説明をいただきありがとうございます。 – Cygnusx1

IEで真剣に混乱しているデザインが表示されている

答えて

関連する問題