CSS - Еластично оформление, 1 течна + 1 фиксирана колона, центрирано

Това CSS предизвикателство наистина ме озадачава. Ето какво се опитвам да направя...

  • имат еластично оформление (т.е. контейнерът е с максимална ширина: 1200px, мин. ширина: 960px)
  • контейнерът да бъде центриран.
  • където лявата колона е течна и се разширява до възможно най-голямата ширина в еластичните ограничения.
  • и дясната колона е фиксирана да кажем 200px

Може ли някой да ме просветли?


css fluid fixed elasticlayout
person Ryan Grush    schedule 01.06.2011    source източник

Отговори (1)


arrow_upward
3
arrow_downward

Основната част е поддържането на лявата колона течна, докато дясната не е.

Лявата колона трябва да има обвивка, тази обвивка трябва да има поле отдясно от 200px; Лявата колона трябва да е 100% ширина;

Дясната колона трябва да плава надясно, да има абсолютно позициониране и да има 200px ширина.

person Kerry Jones    schedule 01.06.2011
comment
Бихте ли могли да съставите jsbin или codepen (или кодово демо приложение по ваш избор)? - person Stoutie; 28.04.2014