Адаптивное уменьшение картинки

[PavelTkachev]

На сайте http://чосер.рф/ мне нужно сделать адаптивное уменьшение картинки. То есть при уменьшении ширины экрана текст справа от неё остаётся неизменной ширины, а картинка пропорционально уменьшалась бы сохраняя своё место. Не понимаю, как этого добиться. Помогите, пожалуйста.

[satantx]

img {

max-width: 770px;

width: 100%;

/* height: 560px; */

/* display: inline-block; */

margin-right: 40px;

/* vertical-align: top; */

}

[PavelTkachev]

Картинка масштабируется, спасибо. Но только при достижении края браузера края картинки, а правый блок проваливается вниз. Как сделать, чтобы правый блок оставался на месте, а картинка уменьшалась сразу при масштабировании?

[satantx]

А вообще надо обернуть текст и картинку в одинаковые блоки, задать им float-left; width: 50%; И ничего у вас не поедет. И плохо писать стиль для картинки как вы написали

[PavelTkachev]

Подскажите, пожалуйста, что именно написать надо.

[PavelTkachev]

C float тоже не получается.

[satantx]

http://jsfiddle.net/g4wvutjb/