2012-04-11 7 views
2

私は大学のPHPプロジェクトに取り組んでいます。私はPHPでのゴミですので、デザインをとてもシンプルにしていますので、 。今、プログラミングがうまくいきました。私はデザインに取り組んでいます。このサイトはChromeや他のWebkitブラウザでうまく見えますが、IE9ではひどく見えます。主な問題は...他のブラウザと同じようにIEの表示を行うためのハック

1 - 背景イメージはdivをフルイメージサイズに展開しますが、Webkitではdivサイズのみを埋め込みます。

2 - コンテンツが中央に配置されず、代わりに左にフローティングされます。

他のブラウザと同じようにIEを実行するために使用できるスクリプト/ハッキングを知っている人はいますか?私が分かっているのはModernizrだけです。

ここでサイトをご覧になれば助かります - http://newmedia.leeds.ac.uk/ug10/cs10cwh/pod/index.php。私たちは、IEのバージョン用の別々の.cssを使用していないとルートに我々はブラウザを決定し、

の.cssだから、すべてのブラウザ用とIEのバージョンのための通常のCSSは特定を含め含まれていることなどが何

+0

ブラウザ名を取得し、ブラウザがIEの場合は 'die();'ステートメントを実行するだけです。 :P – hjpotter92

答えて

4

Modernizrは、特にhtml5やcss3などの新しいものを使用している場合に役立ちます。助けることができる別のものは、定型コードです。私は個人的にはhtml5resetが好きです。

私はIEであなたのサイトを見ると、それがQuirksモードになり、IE7,8,9を動作させると言っています...まあ...奇妙なことに: )IEのために物事を改善するために、あなたの頭の部分に次のメタタグを配置します。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

あなたは何を「ブラウザモード」と「ドキュメントモード」IEは、開発者のツールバーをアップさせることによってで実行されている(F12)を参照してくださいすることができ、ブラウジングセッションのために一時的に調整して、ドキュメントモードが「IE9標準」の場合にどうなるかを確認できます。


短い更新。 w3 validatorを試してみてください。

Line 1, Column 15: Comments seen before doctype. Internet Explorer will 
go into the quirks mode. 

非公開タグにはいくつかのエラーがあり、レンダリングを停止する可能性があります。

+1

あなたの閉じた ''タグが間違った場所にあり、閉じられていないタグエラーが発生しています。それらを修正すると多くの助けになります。 –

+0

すばらしいアドバイスJeroenに感謝します。最初にすべてを検証し、それがどのように見えるか見てみると、メタタグにショットを付けます。 – GuerillaRadio

+2

あなたが指摘したように、doctypeの前のコメントはIEをquirksモードにしました。これを変更すると、私のデザインが元の場所に戻ってきました:)今は恐ろしいIEリンクの境界線を取り除くだけです。 – GuerillaRadio

2

メインスタイルシートの必要な部分を上書きする.cssファイル。

編集:Jeroenの言ったように、IEをリアルモードでレンダリングするように強制します。互換性のあるものではありません。

関連する問題