В этом посте:
У нас установлено 4 изображения (в свойстве img) шириной 246 пикселей.
В хроме это выглядит нормально. В IE6 это не так.
Любые предложения о том, как решить эту проблему?
Я решил проблему.
В стиле .css
Мне нужно было сделать следующее изменение
#content img {
margin: 0;
height: auto;
max-width: 640px;
/*width: auto;*/
}
Теперь мне интересно, как сделать так, чтобы все последующие обновления темы ...
Атрибут высоты изображения отсутствует. Поэтому я не буду удивляться различиям в отображении между браузерами, потому что спецификации HTML 4 не дают четкого определения, как справляться с такой ситуацией.
Как с этим бороться? Подключитесь к ядру theme/wp и исправьте код, который рядом с атрибутом width, атрибут height вычисляется и используется.
Если вы хотите 640 пикселей. Я бы пошел в WordPress и установить его в качестве одного из размеров для изображений; а затем, когда вы хотите вставить один в сообщение, выберите этот размер.
Под Настройки-> Медиа вы можете установить средний и большой размеры. Я бы изменил это на то, что вы хотите; затем используйте этот плагин http://wordpress.org/extend/plugins/bulk-image-resize-utility/ , который изменит размеры ваших изображений.
Что WordPress сделает, это создаст новые изображения с этими размерами. Что это делает для пользователя, так это то, что он загружает только размер изображения, которое видит, что помогает увеличить время загрузки страницы.
Возможно, вам придется вернуться в свой пост и отредактировать изображения, чтобы использовать средний или большой размер.
#content img {
margin: 0;
height: auto;
max-width: 640px;
width: auto;
}
Вышеперечисленное меня озадачивает, ужасно, я удалил width: auto;
в теме TwentyTen, это сработало - но что касается дочерней опции tbeme, как можно пропустить строку в дочерней теме, но все еще используется через родительскую тему, это странно!
Я думаю, что таблица стилей дочерней темы заменяет использование темы TwentyTen.