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ę).
Zmodyfikowano: 22.10.2006, 22:28