Ошибка IE с таблицами и пробелом TD?

Так было, сколько я себя помню, во всех версиях.

Для себя я никогда не находил другого способа, кроме помещения изображения и td в одну строку, но я никогда особо не смотрел - может быть, я пропустил какой-то способ. Думаю, я просто привык их упорядочивать.

IE обнаруживает, что внутри TD есть текстовое содержимое (кроме изображения), поэтому он дает ему свой текст line-height . Попробуйте установить высоту и переполнение: скрыто для TD.

Как оказалось, удаление пробелов - НЕ единственный способ исправить это. Все остальные, вероятно, уже догадались об этом, но я решил добавить это здесь для полноты картины для следующей бедной души, которая наткнется на эту досадную проблему.

По сути, вам не нужно беспокоиться о пробелах в разметке. Вместо этого добавьте style = "display: block;" в тег img. Поскольку изображения являются встроенными элементами, и у вас есть пробелы в разметке, IE добавляет лишние пробелы в нижнюю часть ячейки, чтобы учесть возможность текста с децендерами (например, g, y, p и т. Д.). Об этом позаботится установка тега img для отображения в виде блочного элемента. Больше никаких уродливых пробелов!

Благодарим этого парня: http://blog.wheelerstreet.com/ie-white-space-issue-with-td-and-img-solved , вот где я нашел ответ . Думаю, он получил это из дискуссионной группы Google или другого.

Надеюсь, это поможет!