Как регулировать высоту картинки?

Question

[Станислав]

На странице есть картинка, ширину и высоту которой я знаю, под картинкой имеется контент.
Проблема заключается в том что если не задать высоту тегу img, при загрузки странице контент расположенные под картинкой отстреливает вниз, а если задать высоту то при изменении размера браузера картинка искажается.

Как быть? Изменять высоту картинки JSом, вычисляя высоту по ширине? Или можно с помощью CSS провернуть все это?

Вот пример имитации всего того что происходит https://jsfiddle.net/webphp/gnxxdpu1/

Comments

[Mark]

Может пример покажете?

[Станислав]

Mark, поправил топик, вместо картинки div блок фигурирует, это наглядно показывает то что происходит.

Answer 1

[Андрей Токмаков]

Честно, слабо понятно что Вы имеете ввиду, но, что если обернуть картинку блоком, которому указать высоту, а картинке поставить 100% высоту, не пробовали?