Отступы вокруг картинки в опере/мозилле

[kkthx]

У меня возникла проблемка, вставляю картинку в слой, но появляются вертикальные отступы

В IE отступов нету, в опере и мозилле где-то по 2px сверху и снизу слоя

————-!

!

картинка ! опера и мозилла

!

————-!

————-!

картинка ! IE

————-!

пробовал margin: 0px - не помогло

[YETI]

для img display:block можно попробовать.

[kkthx]

спасибо, помогло

[uksystem]

Спасибо, прописал в таблице стилей помогло.

НО самое главное я не понимаю почему ???

Кто-нибудь может объяснить почему параметр

IMG

{

display: block;

}

Уберает отступы в Мозилле ???

Прочитал внимательно это:

http://www.htmlbook.ru/css/display.html

и не понял !!!

Edited November 5, 2008 by uksystem

[rash]

Дело в том, что изображение - это строчный элемент (inline), поэтому выравнивается в тексте он по правилам текста - то есть по базовой линии. Таким образом остается место, которое в тексте предусмотрено, например, для подстрочных элементов букв (у, р, ф...). Блочные элементы этого места не резервируют. В принципе, проблема также решается указанием vertical-align: bottom, эффект тот же, но установить блочное отображение иногда просто удобнее.

[Mila]

У меня тоже были с этим сложности и только в Мозиле.

Все ругают IE, а в нем таких проблем не бывает.

[uksystem]

Дело в том, что изображение - это строчный элемент (inline), поэтому выравнивается в тексте он по правилам текста - то есть по базовой линии. Таким образом остается место, которое в тексте предусмотрено, например, для подстрочных элементов букв (у, р, ф...). Блочные элементы этого места не резервируют. В принципе, проблема также решается указанием vertical-align: bottom, эффект тот же, но установить блочное отображение иногда просто удобнее.

Спасибо ! Все довольно просто оказалось... Мат часть...

[rash]

Все ругают IE, а в нем таких проблем не бывает.

Вот это и плохо - эти отступы должны быть, если изображения выравниваются так, как это положено по спецификации. То есть это не проблема, а нормальное поведение.