Согласно режиму quirks, Internet explorer 8 поддерживает параметры таблицы для свойства отображения, но в этом примере он проявляет очень странное поведение
http://jsfiddle.net/e3cUn/3/
В обычном браузере внутреннее изображение будет масштабироваться в соответствии с размером поля 150x150 без изменения отношения размеров (растяжения).
Но в IE8 внешний ящик (синий) также будет растягиваться:
1) Вы видели что-нибудь подобное? Кажется, что это связано с text-align:center
: удаление этого свойства устраняет проблему, но мне нужно центрировать изображение (по крайней мере, в браузерах, не то есть).
2) Если это невозможно исправить должным образом, как я могу предоставить специальное значение display
для IE? Я видел несколько примеров в Интернете, например #display: block;
, но все они работают только с IE7.
edit Я знаю о <!--[if IE 8]>
и подобных командах для размещения в html, но я действительно искал способ сделать это в файле css. Что-то вроде этого
display: table-cell;
#display: block;
Вторая строка не является комментарием, она отменяет предыдущее значение для ie7 и ниже. (но не ie8)
Спасибо!