Как решить - IE 6 игнорирует свойства img "ширина"

В этом посте:

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

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

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

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

Author: tfrommen, 2010-08-23
Source

4 answers

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

В стиле.css

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

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

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

 2
Author: Tal Galili, 2010-08-23 22:35:08

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

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

 2
Author: hakre, 2010-08-23 22:35:54

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

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

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

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

 0
Author: Ryan Gibbons, 2010-08-23 22:41:14 
#content img {
    margin: 0;
    height: auto;
    max-width: 640px;
    width: auto;
}

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

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

 0
Author: Krzysiek Dróżdż, 2013-12-16 16:57:33