jQuery MasonryプラグインがIE7で壊れています - Wordpress

Question

this linkをご覧ください。問題のページを表示します。

ここに任意のアイデアはありますか？私は私の髪を引っ張っています。 IE7の問題のみ。 IE8はうまく動作します。 Chrome/Firefoxでサイトを表示して、どのように見えるかを確認します。

ありがとうございます！

Answer 1

これはIE7の浮動小数点問題です（http://www.positioniseverything.net/explorer/escape-floats.html参照）。そのブラウザは、さまざまな状況で高さを計算するのが難しいです。私は、あなたが設定されていることに気付きました：すべての

.scrap-post-item 
.scrap-post-item a 
.scrap-post-item p 
.scrap-post-item img 

は、それらの項目の唯一のコンテナを浮かべする必要として、それがこのレイアウトを達成するために何の理由はありませんfloat: left;

持っています。

これは私が始めるところで、余分なフロートを取り除くことです。ブラウザが適切な高さのコンテナを石積みに渡していない場合、石積みがページを適切にレイアウトすることは不可能です。 IE7を引き起こし、レイアウトを適切に計算する前に、フローティングされている上位のコンテナの1つにzoom: 1;を追加するという「ハック」ソリューションを成功させることもできます。