2011-07-06 8 views
0

私はjoomla16フレームワークで、変更されたbeez5テンプレートを使用してウェブサイトをやっています。私はIEから奇妙な結果を得ています。 Chromeはサイトを意図したとおりに表示しますが、IEEではどこにも見つからないようなパディングを追加しています。私はIEのdevツールとこの不一致を見つけるためにChromeの要素インスペクタを使用してきましたが、それはどこにも見つかりません。クロムとIEEの間の奇妙なCSSの違い

サイトはhttp://85.233.235.109/joomla16/

すべてのヘルプや提案を喜んでいただければ幸いです。

編集:

私はIE 8.0(7601)

UPDATEでテストしてい:

私は、IEの開発ツールですで何かを見つけたように見えます。 レイアウトペインを使用すると、さまざまな要素の計算サイズを取得できます。

div id = "header-image"のサイズは1050x137、 ですが、a class = "logo"とimg class = "logo"のサイズはどちらも1050x134です。

これは3ピクセル行の原因となりますが、生成される場所はわかりません。

+1

インターネットエクスプローラは一般に「IEE」ではなく「IE」と呼ばれます。また、どのバージョンのIEをテストしていますか? – Spudley

+0

私は解決策を見つけたようですが、それは奇妙なものです。 div id = "header-image"の高さをfixed 134px( header-image {height:134px;})に設定すると、問題は解決され、結果はIEとChromeで同じになります。しかし、絶対高さが入力されていない場合、IEが要素に4ピクセルの違いを追加する理由はわかりません。 – Ashes

+0

で解決策を見つけることができます。あなたは「奇妙なIEの奇妙なものの1つ」としてこれを書き留めておかなければならないかもしれないと思う。それらの多くがあります。 – Spudley

答えて

1

これは奇妙なものですが、解決策が見つかったようです。

div id = "header-image"の高さを固定の134px(ヘッダーイメージ{height:134px;})に設定すると、問題は解決され、結果はIEとChromeで同じになります。

しかし、絶対高さが入力されていない場合、IEが要素に4ピクセルの差分を追加する理由がわかりません。

0

これはちょうど推測です。IEは、IE6の動作をエミュレートするクォークモードでサイトを実行することがあります。クォークモードを無効にするには、正しいドキュメントタイプを指定する必要があります。 HTML5の正しいdoctypeは次のとおりです。

<!DOCTYPE HTML> 
+0

リンクされたページにはdoctypeがあるため、quirksモードではありません。 – Spudley

+0

Doctypeは<!DOCTYPE html PUBLIC " - // W3C // DTD XHTML 1.0 Transitional // EN" "として指定されています。http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> – Ashes