私は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ピクセル行の原因となりますが、生成される場所はわかりません。
インターネットエクスプローラは一般に「IEE」ではなく「IE」と呼ばれます。また、どのバージョンのIEをテストしていますか? – Spudley
私は解決策を見つけたようですが、それは奇妙なものです。 div id = "header-image"の高さをfixed 134px( header-image {height:134px;})に設定すると、問題は解決され、結果はIEとChromeで同じになります。しかし、絶対高さが入力されていない場合、IEが要素に4ピクセルの違いを追加する理由はわかりません。 – Ashes
で解決策を見つけることができます。あなたは「奇妙なIEの奇妙なものの1つ」としてこれを書き留めておかなければならないかもしれないと思う。それらの多くがあります。 – Spudley