вторник, 20 октября 2009 г.

Недавно нужно было ограничить размеры фотографии 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);
}

2 комментария:

s.bert.r комментирует...

Для IE используется "!important"

Victor T. комментирует...

Пардон, мой не выспавшийся мозг явно не догоняет... Давай сразу код )))