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