Задача стояла сделать так, чтобы изображение отображалось полностью в резиновой колонке.
Нашел я следующую статью и сделал все так как сказано:
http://www.xiper.net/collect/html-and-css-tricks/content/scaled-image-in-scaled-column.html
Но правильно изображение отображал только Chrome. Видимо это все битрикс, потому что на примере (http://www.xiper.net/examples/html-and-css-tricks/content/scaled-img.html) все прекрасно работает во всех браузерах.
Чтобы исправить эту мелочь, нужно сделать так:
Нашел я следующую статью и сделал все так как сказано:
http://www.xiper.net/collect/html-and-css-tricks/content/scaled-image-in-scaled-column.html
Но правильно изображение отображал только Chrome. Видимо это все битрикс, потому что на примере (http://www.xiper.net/examples/html-and-css-tricks/content/scaled-img.html) все прекрасно работает во всех браузерах.
Чтобы исправить эту мелочь, нужно сделать так:
<style>Мелочь, но задача выполнена.
.wrapper img{
width: 100%;
}
</style>
[...]
<img alt="машинка ниче так" src="1.jpg"/>
0 коммент.:
Отправить комментарий