Резиновый двухколоночный макет с фиксированной шириной правого блока

[PavelTkachev]

Пытаюсь сверстать адаптивную вёрстку сайта с двумя колонками. Я сделал два блока с атрибутами inline-block внутри общего контейнера. Задал левому ширину 80%, а правому 20%. И задал min-weight и max-weight.

 

Но теперь моя задача усложнилась. Мне надо, чтобы правая колонка всегда была 200px, а левая заполняла всё оставшееся место. Можно так сверстать с помощью float и margin-right. Но мне нужно, чтобы правая колонка проваливалась вниз при достижении min-width для левой колонки. Как это можно сделать?

[npofopr]

А в чем проблема http://jsfiddle.net/npofopr/uEEXw/9/ ?

Или как то по-другому должно?

[PavelTkachev]

В том, что правый блок не проваливается под левый при уменьшении ширины экрана.

[npofopr]

А вы пробовали добавить min-width хотя бы? Вроде как всё проваливается. 

[PavelTkachev]

Не проваливается. И ещё надо, чтобы если провалился, то левый блок занимал бы всю ширину.

 

Похоже, тут только с помощью media можно сделать.