Biri bana bu hata, başımı alıp yardım edebilir misiniz? Onun güzel çalışıyor ama Firefox Internet Explorer 7 ile birlikte. display: inline-block; anlamak için değil gibi görünüyor.

html:

<div class="frame-header">
    <h2>...</h2>
</div>

css:

.frame-header {
    height:25px;
    display:inline-block;   
}

7 display: inline-block; hack aşağıdaki gibidir:

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

Varsayılan olarak 7 destekler doğal olarak inline-block inline elemanları (Quirksmode Compatibility Table) sadece, bu yüzden yalnızca bu hack diğer unsurlar.

zoom: 1 tetik hasLayout davranış ve kullandığımız star property hack ayar display inline sadece IE 7 ve daha düşük (daha yeni tarayıcılar olmaz geçerli). hasLayout inline birlikte temelde çok mutluyuz 7 inline-block davranışları tetikler.

Bu CSS doğrular ve stil bir IE 7-sadece conditional comments ile stil kullanarak iyi bir fikir olabilir bu yüzden zaten berbat.

<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->