Ограничение размеров картинки в CSS для IE

[Catenoid]

Товарищи, помогите, пожалуйста!

Тут такое дело.

Взял в аренду интернет-магазин. Редактирую шаблон. Для редактирования доступны только файлы *.tpl и таблица стилей CSS.

Каким-то скриптом выводится картинка с изображением товара. Дизайном предполагается, что картинка должна на странице быть уменьшена до размеров не более 350 x 350 (px) с сохранением пропорций.

Выводимая картинка имеет идентификатор id="IMG_x", соответственно в CSS ее можно "подцепить" через #IMG_x.

Нормальным браузерам можно сказать "max-width" и "max-heigth", и они понимают. А вот Internet Explorer - не понимает!

Как можно сказать это Internet Explorer'у, чтобы он делал как надо?

Вроде пробовал советы сделать через expression(), типа так: expression(this.width> 350? '350px': this.width), но как сделать условие сразу по высоте и по ширине? Ведь у картинок-оригиналов высота может быть как больше, так и меньше ширины.

[max2012]

Вышел Internet Explorer 10 ,Internet Explorer 9 ,Internet Explorer 8 ,Internet Explorer 7 и всё равно надо поддерживать IE6 http://htmlbook.ru/css/max-width ,чтобы 0.1% офисных посетителей смогла зайти на ваш сайт.

Кстати,верстайте под IE5,а то ещё какую-нибудь 0.01% псетителей потеряете.

[skatadov]

Попробуйте в тпл запихать ссылку на скрипт:

http://verstalshik.info/test/minmax.js

<!--[if IE 6]>

<script type="text/javascript" src="minmax.js"></script>

<![endif]-->

min-... и max-... должны по идее заработать.

Edited March 16, 2013 by skatadov