CSS：IE7のための助けがありました

Question

何らかの理由でhttp://funnyfurniture.net/とhttp://funnyfurniture.net/p/5/teak-root-garden-chair/がIE7でひどく壊れています。誰かが修正を提案できますか？

Answer 1

代わりfloat:leftを試してみてください。

IE7は、形状にハックしない限り、inline（<span>など）の要素に対してのみdisplay: inline-blockをサポートします。これを使用します。display: inlineルールを適用するだけ< IE7を伝えるためにStar Property Hackを使っていること

.content li.shadow-pod { 
    /* your other rules */ 

    display: inline-block; 
    *display: inline; 
    zoom: 1 
} 

。

無効なCSSですが、害はありません。検証を中断するには、あなたがしていることを理解していることが条件です。それは言った、あなたは常に代わりに、有効なハックやconditional commentを使用することができます。

<!--[if lt IE 8]> 
<style> 
.content li.shadow-pod { 
    display: inline; 
    zoom: 1 
} 
</style> 
<![endif]--> 

をまた、私が書いたこの前の回答を参照してください。How to give Internet Explorer different CSS lines?

を

Answer 2

あなたはインラインブロックが完全にIE7

ではサポートされていません

.content li.shadow-pod { 
    display: inline-block; 
} 

を使用しているあなたは.content li.shadow-podにdisplay: inline-blockを使用しているためです