IEと本部高問題の

Question

サイト：

---

サイトは、IE9を使用して：：DEVクローム19を使用して

http://www.sedulity.tk/

サイト

IEを使用してホームページに表示されているように、各画像のDIVの高さを認識していないようですが、クロムとFirefoxでは問題ありません。

私はこれがおそらく私のせいだと思います。それはIEのせいではないでしょうが、私はそれを理解できません。 .item

CSS

#portfolio-items .item { 
    height:500px; 
} 

Answer 1

そこCSSファイルie7style.cssがあり、それはすなわちのために使用されています（私はIE8でテストしてみた）、それは

.item-image{ 
    height:142px; 
} 

をしようとしているクラス（.item-画像）を持っていますそれを修正するか、削除するだけです。

CSSファイル：http://www.sedulity.tk/wp-content/themes/DeepFocus/css/ie7style.css

はこのデベロッパーツールのスクリーンショットに参照してください。私は、ファイルからクラス（.item-画像）から、CSSのエントリheight:142pxその後ie7style.css

（without .item-image{height:142px}を削除しましたファイルie7style.css）は、ie8のページを参照してください。

Answer 2

してみてください。あなたのケースは、 "ベースライン"によって引き起こされる可能性が最も高くなります。次の要素のセットは、最後の要素のベースライン（要素の中央のどこかにある）の上端に基づいています。あなたのcssフォルダに

Answer 3

あなたが重ならないクロスブラウザのインラインブロックのためthis articleをチェックしたいかもしれないに高さを追加すること