2012-01-04 5 views
0

私が作ったサウンドボードのための簡単なページを作りました。私はChromeを積極的に使用しています。 Safari、Firefox、Chromeでテストしました。ここでは、サイトの画像はhttp://nkonecny.com/monkeyislandsbで、次のとおりです。 enter image description hereIEは他のブロワーの運賃を細かく編成して編まれています

あなたはIE9で見ることができるように余裕が完全に間違っている、右上、および底部に向かっ秒の広告やフッタで壊れた画像を見ボックスがあります去ってしまった。私はコードを投稿したいが、問題がどこにあるのかという少しの手がかりがあるので、自分のサイトに移動してソースを見るのが簡単だと思った。これがもっと明確になったら教えてください。

+1

私はIEのアノマリが「赤ちゃん」だと確信しています... –

答えて

4

DOCTYPEの前にあるHTMLコメントを削除します。 DOCTYPEの前に何かを置くとIEのQuirksモードが起動します。

また、その壊れた画像の事はそれが...

+0

コメントを削除しますか?それは私のようには見えません。 –

+0

余白と壊れた画像を完全に修正しました!しかし、広告/フッターはまだIEに表示されていません – Nick

+0

はい、私はあなたが最初に答えたことを誤解しました。 – Nick

1

のためにそこに何でもご<img>タグ、から来ているあなたは、あなたのDTDの前にコメントがあります。

<!-- http://blogs.msdn.com/b/ie/archive/2011/05/13/unlocking-the-power-of-html5-lt-audio-gt.aspx --> 
<!DOCTYPE HTML> 

<!DOCTYPE html>は非常に最初のでなければなりません物物、またはIEはQuirksモード、すなわちIE6レンダリングに入ります。

1

リセットスタイルシートを使用して、すべてのブラウザの基本スタイルが同じであることを確認することをおすすめします。これを行う良い方法は、normalize.css(http://necolas.github.com/normalize.css/)を使用することです。

あなたのサイトを見ると、それもクォークモードでレンダリングされます。これは、最初の行がdoctypeではなくコメントであるためです。

関連する問題