Картинка в таблице

[SAA]

нижний край картинки в ячейки таблицы на несколько пикселей отходит от края.
И это только в Firefix в IE все края картинки облегают стороны ячейки таблицы
кто может подсказать почему и как это убрать?

[subzey]

Задайте изображению display: block. Другой (менее «кошерный») вариант — vertical-align: top.

[SAA]

<img style="vertical-align: top;" src="

помагло

[subzey]

Для тех, кому интересно, почему это происходит, поясню:
img по умолчанию строчный элемент, т.е., элемент, составляющий строку. В строке, по умолчанию же, установлено выравнивание по базовой линии шрифта.

Пример:

Lorem Ipsum Dolor Sit Amet

Выделите текст, и Вы увидите, что базовая линия находится на каком-то расстоянии от нижней линии.

Так вот, три пикселя снизу изображения — это расстояние от нижней линии шрифта до базовой для текущего шрифта. Чтобы его не было, нужно, чтобы выполнилось одно из трех условий:

1. размер шрифта 0 (очень нехороший вариант);
2. выравнивание у изображения не по базовой линии;
3. изображение не является строчным элементом

UPD: Чуть не забыл, это касается не только изображения, но и object, embed и iframe. Так что если видите, что снизу остается место, не пытайтесь его замаскировать overflow: hidden или скрытием полос прокрутки — лучше сделайте так, чтобы его не было вообще.

[Kolyaj]

# размер шрифта 0 (очень нехороший вариант);
# выравнивание у изображения не по базовой линии;
# изображение не является строчным элементом

0. Убрать doctype ))

[subzey]

Kolyaj,
очень-очень нехороший вариант

[Kolyaj]

Поэтому 0, а не 4

[subzey]

Kolyaj,
да я понял уж, хехе

[micscr]

Для тех, кому интересно, почему это происходит, поясню:

Мне было очень интересно, спс.

[subzey]

micscr,
не за что. Надеюсь, это сэкономит Вам когда-нибудь несколько минут.