2011-07-04 19 views
0

私は私の教会のためのウェブサイト上で動作するように支援していると私は、スタイルシートとIEで問題に遭遇してきた(素晴らしい、右?)IE8スタイルシート問題

浮動検索ボックスがあることを、あなたの場合ほぼすべてのブラウザで表示され、正しく表示されます。それが正しいことを確認するために、検索ボックスの正確な場所にイメージという単語が表示されます。しかし、IE8が互換性のあるビューであれば、入力ボックスは右上に配置されているので、右上のブレッドクラム上にテキストがあることをほとんど気にすることはできません。

このタグをすべてのマイドキュメントに入れてIEに非互換モードを使用させようとしましたが、動作しないため、互換モードがオフになりません。

URLは、すべてのヘルプははるかに高く評価されるだろうhttp://66.165.142.160

です。

UPDATE:これは、すべてのブラウザで私が Here is what it is supposed to look like

IE 8の互換モードを除いて試してみた、これはIE8の互換モードが

Here is what it looks like in IE compatibility mode:

+0

あなたがのスクリーンショットを持っていますこれはie8/compatでどのように見えますか?私はウインドウを持っていません。 – hellatan

+0

はい、主な説明が更新されました。ありがとう。 – Will

+0

ちょうどあなたが知っている、IE8互換性モード= IE7。 – thirtydot

答えて

0

マイトのように見えるものであるように見えるものです 要素の自然な流れ、つまり<div id="social-icons"><div id="search">の後に置かれている場合、レイアウトを助けます。

float:right; clear:right;が宣言されている場合、これらの要素が両方ともブラウザをよりよくレンダリングし、ソーシャルアイコンコンテナの後に<div class="clear">を追加します。あなたのタグの間にこれを追加する

0

は、互換モードを提供してからIE8を防ぐ必要があります。

<meta http-equiv="X-UA-Compatible" content="IE=8" /> 

はあなたのためにその仕事をしていますか?

ない場合は、多分あなたは条件付きコメントの内側にそれのための修正を修正追加することができます(これは他のすべてのブラウザのために隠されただけIE7 /互換モードに適用されます):

<!--[if IE 7]> 

Here put the IE7 specific css, which will also apply to IE8 compatibility mode. 

<![endif]--> 
+0

私はie = edgeを使っていましたが、使用しているIEのバージョンに合わせて最新のレンダラーを使用するはずです。何らかの理由で、それはまだ人々のための互換モードでレンダリングしています、そして、私は理由を知らない。 – Will