Как ограничить изображение по ширине контейнера?

Question

[alcufa]

Добрый день.
Вставляю большое изображение через редактор и начинает ехать верстка, фотография выезжает за контейнер. Как исправить?
marani-msk.ru/maljarnye-raboty

Answer 1

[versoul]

к картинке добавить width:100%
в фаербаге сработало

Comments

[alcufa]

Нужно, скорее не к картинке. А что-то сделать с родительским блоком. Поскольку, в дальнейшем такую проблема все равно будет возникать

[versoul]

Родительскому блоку пропишите, что все дочерние картинки имеют ширину 100% в чем проблема то
например как-то так .col-xs-9 img {width:100%;}
для этого конкретного случая пойдет

Answer 2

[Alexander Sydorenko]

Смотрю на проекте у Вас используется Twitter bootsrap 3. Тогда просто добавьте картинке класс class="img-responsive", он все сам сделает, Вам понравиться ;)

Почитал комментарии к предыдущему.. Родительский блок у вас p, который ограничен блоком .col-xs-9 , то есть в Вашем случае проблема именно картинка - которая решается добавлением ей класса .img-responsive