Поддержка Проблемы и решения Растянуто изображение в IE

  • Добрый день,
    подскажите, пожалуйста, как исправить некорректное отображение фотографий в браузере Internet Explorer? Все горизонтальные фотографии вытягиваются до высоты вертикальных изображений. При просмотре через мозилу и хром таких проблем нет. Для просмотра изображений использую плагин Shutter Reloaded, но он похоже ни при чем: отключала плагин, а ошибка оставалась.

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Трудно дать какие-либо советы основываясь только на словесном описании, если дадите ссылку, есть вероятность, что ответ найдется.

    Посмотрел разными версиями ie, проблем не заметил на указанный странице и на паре внутренних. Может быть бело именно в Вашем браузере?

    Скриншот дополнил бы описание, если я просто не понял куда смотреть.

    Дело в том, что я об этом узнала от одного из своих читателей, который использует ИЕ. Посмотрела у себя на нотбуке — действительно, вытянуто.
    Вот так выглядит изображение через ИЕ:

    <img src=»http://farm9.staticflickr.com/8473/8150111378_dcfbc0b1c6.jpg&#187; width=»500″ height=»280″ alt=»foto»>

    А вот так через мозилу:

    <img src=»http://farm9.staticflickr.com/8184/8150111322_4cb84ddefc.jpg&#187; width=»500″ height=»250″ alt=»foto1″>

    Модератор Юрий

    (@yube)

    Я знаю эту хохмочку. Она возникает, когда через CSS динамически меняют размер по одному из измерений, скажем, через max-width, оставляя второй, явно указанный, оригинальным. Все остальные браузеры стараются сохранить пропорции картинки, а ишак тупо следует указаниям.

    Да, это появляется в IE8, недоглядел.

    Верно, дело именно в этом, и для решения сделано так:

    #content .hentry img, .widget img {
      max-width: 97.5%;
      height: auto;
      ...
    }

    Но это не работает с IE8. Для него можно попробовать так:

    #content .hentry img, .widget img {
      width: inherit;  /* Унаследует высоту родителя. Для IE8. */
      max-width: 100%;
      height: auto;
    }

    Странно, посмотрел свои сайты с такой штукой, IE8 их корректно показывает.

    Понял в чем разница со мной. Я делаю так:

    img {
       max-width: 100%;
       height: auto;
       width: auto\9; /* ie8 */
    }

    Последний код помог, теперь все хорошо. Большое спасибо!

    Я сегодня добавила новую запись в блог. Все фотографии отображаются корректно, но теперь новая беда =( При клике на фото не открывается изображение через плагин, а происходит переход по ссылке, где это изображение находится. Снова включала и выключала плагин, сравнила все свойства новых изображений с теми, что были загружены ранее. Никаких отличий нет. Но при этом в октябрьских записях фото открываются через плагин, а в сегодняшней — переход по ссылке.
    Скажите, пожалуйста, это может быть как-то связано с изменением в CSS? или в данном случае проблема все-таки в плагине?
    Заранее благодарю.

    Я точно могу сказать, что добавленное Вами не влияет на то как будут открываться изображения. Скорее, в попытке решить первоначальный вопрос Вы что-то сделали не верно.

    Вроде бы я больше ничего не меняла. А все, что меняла, возвращала к первоначальным значениям…

Просмотр 11 ответов — с 1 по 11 (всего 11)
  • Тема «Растянуто изображение в IE» закрыта для новых ответов.