Недавно нужно было ограничить размеры фотографии 200 пикселами в ширину и 300 пикселами в высоту, не искажая ее.
Сделать это надо было, желательно, не применяя яваскрипт.
Стало быть следует применить max-height и max-width... Да IE тупит... собственно вот решение:
div.box img {
max-height: 200px;
max-width: 180px;
/*для осла:*/
height: expression(this.height > this.width &&
this.height > 200 ? 200 : true);
width: expression(this.height < this.width &&
this.width > 180 ? 180 : true);
}
Подписаться на:
Комментарии к сообщению (Atom)

2 комментария:
Для IE используется "!important"
Пардон, мой не выспавшийся мозг явно не догоняет... Давай сразу код )))
Отправить комментарий