Сжатые изображения в Google Chrome

#html #css #wordpress

#HTML #css #wordpress

Вопрос:

Это действительно странная ошибка. Когда я загружаю свой веб-сайт в Google Chrome при первом просмотре, изображения сжимаются, но после обновления страницы они становятся недоступными. Это произойдет только при первой загрузке страницы. http://dotacommentaries.com пожалуйста, загрузите его в Google Chrome и скажите мне, почему полосы сплющены.

Как мне сделать эти полосы незаполненными?

http://imageshack.us/f/24/squishedbars.jpg/

Комментарии:

1. После обновления полосы не исчезают для меня. Chrome 14, Mac.

2. Скриншот, показывающий проблему, поможет.

3. Вам нужно будет предоставить скриншот того, как в идеале должен выглядеть ваш сайт. Кроме того, у вас есть некоторые дополнительные проблемы с выравниванием в Firefox.

4. Согласен с thirtydot. Пожалуйста, опубликуйте скриншоты, показывающие проблему, а также показывающие, как она должна выглядеть. Я просмотрел его в Chrome на Win 7 и не увидел странного рендеринга.

5. imageshack.us/f/24/squishedbars.jpg

Ответ №1:

Я думаю, что значение ширины 100% для изображений каким-то образом его портит. Попробуйте либо удалить значение ширины из этого правила css:

 a.auserbars img {
line-height: 0;
text-decoration: none;
width: 100%;
  

}

или явно установите его так, чтобы он соответствовал изображениям (310×37).