Макет CSS с фиксированным левым столбцом и жидким правым столбцом?

Существует ли надежное кросс-браузерное решение для фиксированных и изменчивых столбцов CSS? Мне нужно, чтобы одна колонка была зафиксирована с левой стороны, а другая колонка была плавной с правой стороны.

Ниже приведен фрагмент моего кода — .promoImg и .promoContent плавают рядом друг с другом. #recommends составляет 90% ширины браузера, .promoImg нужно исправить на 120 пикселей, и я бы хотел, чтобы .promoContent растягивал жидкость.

<div class="promoBlock ">
    <div class="promoImg">
        fixed content 300px
    </div>
    <div class="promoContent">
        fluid content
    </div>   
</div>

css fluid-layout
person Dancer    schedule 23.11.2011    source источник

Ответы (1)


arrow_upward
18
arrow_downward 

.promoBlock { width:90%; margin:auto; } 
.promoImg { width:300px; float:left; background-color:red; }
.promoContent { margin-left:300px; background-color:green; }

Код: http://jsfiddle.net/P4RBj/

P.S. Не получил требуется исправить промоблок на 120px. Если это так, ваш внутренний div шире (300 пикселей).

person Samich    schedule 23.11.2011
comment
ура за это - просто и работает удовольствие - извините (относительно цитаты из промоблока) я опечатался выше - теперь я исправил текст - person Dancer; 24.11.2011