Стиль заполнения, применяемый к <img>в IE7, отличается от FF3?

Question

Я получил изображение, как показано ниже, с отступом вправо: 15px

<td><img style="padding:0px 15px 0px 0px;..." />
<td><td>another image<td/>

Но эффект на IE и FF немного отличается. Является ли способ измерения является отдельным?

Спасибо.

Answer 1

Трудно сказать, не видя вашего полного HTML / CSS, но, возможно, это проблема line-height?

Изображения являются встроенными элементами по умолчанию, что означает, что к ним применяется line-height. Это может вызвать дополнительный «запас» внизу.

Попробуйте применить display: block; к элементу img, например:

<td><img style="padding: 0 15px 0; display: block;" alt="" /></td>
<td>Another image</td>

Answer 2

Измените отображение <img>, добавив в файл CSS:

DIV-Name img{ display:block;} /* display:block to support with IE7 */

Answer 3

Потому что ваш HTML абсолютно неверен и ужасен. Измените его на:

<td><img style="padding: 0px 15px 0px 0px;" /></td>
<td>another image</td>