CSS: помощь для IE7

Question

По какой-то причине http://funnyfurniture.net/ и http://funnyfurniture.net/p/5/teak-root-garden-chair/ так сильно сломаны в IE7. Может кто-нибудь предложить исправить?

Answer 1

Это потому, что вы используете display: inline-block на .content li.shadow-pod.

IE7 поддерживает только display: inline-block элементов, которые являются естественными inline (например, <span>), если только вы не взломаете его в форму. Используйте:

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

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

Вот с помощью Star Property Hack сказать только < IE7 применить display: inline правило.

Это недействительный 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

вы используете

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

встроенный блок не полностью поддерживается в IE7

float:left попробовать вместо