talgalili
  • 0
Эксперт

Как решить проблему — IE 6 игнорирует свойства img «width»

  • 0

В этом посте:

http://humus101.com/?p=1734

У нас есть 4 изображения (в свойстве img) шириной 246 пикселей.

В хроме выглядит нормально. В IE6 этого нет.

Любые предложения о том, как решить эту проблему?

Share
  1. Это не относится конкретно к теме двадцать десять, я предлагаю вам удалить это из заголовка.

    • 0
  2. Я решил проблему.

    В стиле.css

    Мне нужно было внести следующие изменения

    #content img {
        margin: 0;
        height: auto;
        max-width: 640px;
        /*width: auto;*/
    }
    

    Теперь мне интересно, как сделать так, чтобы это оставалось для всех следующих обновлений темы…

    • 0
  3. Атрибут высоты изображения отсутствует. Поэтому я бы не стал задаваться вопросом о различиях в отображении в разных браузерах, потому что спецификации HTML 4 четко не определяют, как действовать в такой ситуации.

    Как с этим быть? Подключитесь к ядру темы / wp и исправьте код, который рядом с атрибутом ширины, атрибут высоты также рассчитывается и используется.

    • 0
  4. Если 640 пикселей — это ширина, которую вы хотите. Я бы зашел в wordpress и установил его как один из размеров изображений; а затем, когда вы хотите вставить его в сообщение, выберите этот размер.

    В разделе «Настройки» -> «Медиа» вы можете установить средний и большой размеры. Я бы изменил их на то, что вы хотите; затем используйте этот плагин http://wordpress.org/extend/plugins/bulk-image-resize-utility/, который изменит размер ваших изображений.

    Что WordPress будет делать, так это создавать новые изображения с этими размерами. Что это делает для пользователя, так это то, что он загружает только тот размер изображения, который видит, что сокращает время загрузки страницы.

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

    • 0
  5. #content img {
        margin: 0;
        height: auto;
        max-width: 640px;
        width: auto;
    }
    

    Вышеупомянутое озадачивает меня ужасно, я удалил width: auto; в теме TwentyTen, это сработало — но что касается опции дочерней темы, как можно пропустить строку в дочерней теме, но все еще используется через родительскую тему, это странно!

    Хотя таблица стилей дочерней темы заменяет использование темы TwentyTen.

    • 0

Оставить ответ

You must login to add an answer.