Internet Explorer 9 - пропорциональное изменение размера изображения - PullRequest
Новая
       6

Internet Explorer 9 - пропорциональное изменение размера изображения

4 голосов
/ 27 октября 2011

Я пытаюсь ограничить ширину изображения только с помощью CSS: 

#lateral-derecho #patrocinadores img
{
    max-width: 130px;
    height: auto;
    margin: 0 auto;
}

И каждый браузер делает все правильно, кроме IE 9. Он делает это не пропорционально. Я запускаю его в <meta http-equiv="X-UA-Compatible" content="IE=8" />.

Кстати, IE 9 в стандартном режиме даже не понимает margin: 0 auto; или я что-то не так делаю? они опять сделали дерьмовый браузер?

Редактировать: это все CSS, контейнер (#patrocinadores) и img, img содержится внутри #patrocinadores > a > img: 

#lateral-derecho #patrocinadores
{
    float: right;
    width: 136px; 
    margin-top: 25px;
    padding: 15px 0 5px;
    background: url(images/top-patrocinadores.png) top no-repeat #eee;
    text-align: center;
}

#lateral-derecho #patrocinadores a{display: block;}
#lateral-derecho #patrocinadores img
{
    max-width: 130px;
    height: auto;
    margin: 0 auto;
}

Ответы [ 2 ]

1 голос
/ 27 октября 2011

Попробуйте: 

#lateral-derecho #patrocinadores a {
    display: block;
    max-width: 130px;
}
#lateral-derecho #patrocinadores img {
    max-width: 100%;
}

Если вы хотите, чтобы хорошее качество масштабирования для IE <9, вам нужно включить <code>AlphaImageLoader и установить sizingMethod на scale.

0 голосов
/ 27 октября 2011

Избавьтесь от height: auto;. Вам это не нужно, и это является причиной проблем.

...