Помогите сделать изображение на всю ширину блока

Как вариант:


Далее настраиваешь удаленные выше отступы на блок с текстом что идёт ниже картинки, и можно добиться этого результата. При удалении этого правила уже картинки что в тексте новости идут по полной ширине:

 

логично! т.к. эти отступы настроаиваются в строке что я указал выше. Иначе - никак.

 

<div class="img_out" style="margin: 0 -40px;"><img src="/uploads/mini/810x460/5a/09ea70bf9fda0272537b2c4b3eca6e.jpg" alt="Электропоезд ЭП3Д"></div>

.img_out img {
width: 100%;
}

 

Логично же сделать ширину картинки для этого блока 100%

 

создай своей картинки class="img123" и оберни её в блок с class="img-block"
и пропиши вот эти стили
.img-block{margin: 0 -40px;}
.img123{ min-width: 100%;
max-width: 90%;}
и все будет хорошо

 

Каждую картинку оборачивать в <div class="img_out"
Или как вариант с помощью js

$(document).ready(function(){
$('.fr-dib').wrapAll('<div class="img_out">');
});