[X] Помощник

[Poesie Topic Starter]

Делаю проект (motivora.com)
WordPress
Проблема с отображением картинок в Google Chrome. Они растягиваются

Во всех других браузерах все нормально, для сравнения - скрин из Safari




HTML

Код

<article id="post-175" class="post-175 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized">
<a href="http://motivora.com/wp-content/uploads/2014/08/riei.jpg" rel="fancybox"><img width="650" height="399" src="http://motivora.com/wp-content/uploads/2014/08/riei.jpg" class="attachment-post-thumbnail wp-post-image" alt="riei"></a>
</article>

CSS

Код

article {
    padding-left: 30px;
    display: inline-block;
    width: 40%;
    height: 40%;
}

.attachment-post-thumbnail {
    width: 100%;
    border-radius: 5px;
    height: 100%;
}

Сообщение отредактировал Poesie - 1.9.2014, 18:35

[VulkanPartner]

Poesie, попробуйте убрать вообще "height: 100%;" в ".attachment-post-thumbnail"...

[Poesie Topic Starter]

Меняла. Эта проблема исчезает, появляется другая (сжимаются)



А если width:100% убить, то

[andreykashops]

Покрутитесь вокруг

Код

height: auto;

[Poesie Topic Starter]

Проблема решилась с помощью height: auto;
Спасибо andreykashops
Можно закрывать

+, если не сложно, пусть закрывший модератор потрет урл + скрины (на всякий случай).

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.

Сообщение отредактировал Poesie - 1.9.2014, 19:09