Obrazki w IE nie zachowują się jak elementy liniowe

Domyślnie element <img/> ma display:inline, przez co powinien być umiejscowiony na linii bazowej pisma oraz reagować na line-height. Ponieważ grafika jest na linii bazowej pisma, ma na dole odstęp będący miejscem zarezerwowanym na ogonki liter (t.j. dół p, g, y, j, itp.)

Najczęściej zauważanym skutkiem tego są poziome odstępy w tabelach wypełnionych obrazkami. Wielu twórców stron nie zdaje sobie sprawy z tego, że to prawidłowe zachowanie w przeglądarkach precyzyjnie obsługujących CSS.

W przypadku Internet Explorera obrazki automagicznie stają sę elementami blokowymi, gdy nie otacza ich tekst.

Rozwiązanie

Zachowanie podobne do Explorera uzyskuje się poprzez nadanie vertical-align:bottom lub display:block dla <img/>.

Żeby uzyskać normalniejsze zachowanie w Explorerze trzeba dodać jakiś tekst za obrazkiem (np. twardą spację).


Spis bugów


Zmodyfikowano: 22.10.2006, 13:28
submit