CSS стиль max-width позволяет задать максимально допустимую ширину HTML блока, не изменяя размер маленьких блоков.

max-width справляется со своей задачей в браузерах Firefox, Opera, Chromium, Google Chrom и во многих других браузерах. Но в браузере Internet Explorer (IE) max-width не меняет ширину HTML блока.

Для совместимости сайта с браузером IE, в стиль блоков, ширина которых заранее не известна можно добавить инструкцию width:expression(this.width < SIZE?"auto":"SIZEpx");

#main img {
    display: block;
    max-width: 800px;
    width: expression(this.width < 800?"auto":"800px");
}

В этом примере показано как на нашем сайте картинки оригинального размера более 800px в ширину уменьшаются до 800px (HTML тег img).

Нами проверена совместимость этого решения с браузерами Internet Explorer 6, 7, 11.

Внимание, JavaScript код в expression может выполняться только в том случае, если в браузере клиента в политике безопасности разрешено выполнение JavaScript сценариев.