Как сверстать страницу сайта из нескольких колонок разных и фиксированных размеров?

Question

[Сергей]

помогите сверстать страницу чтобы она подходила под требования на картинке.
центральный блок это контент сайта, он может тянутся.
еще очень важный момент, что левая часть должна быть всегда выше или равна высоте правой части, а также правая часть должна прилегать к футеру сайта (на картинке не указан)

Answer 1

[Murat Atila]

jsfiddle.net/99dog3co/embedded/result

Comments

[Сергей]

это не то. помимо стандартного двухколоночного макета, нужно выполнить еще некоторые условия, которые ну никак не получается сделать у меня -(

[Murat Atila]

UDAV99: и какие же именно? разная заливка?

[Сергей]

Murat Atila: во-первых, в предложенном коде высота блоков 100% и нет родителя, поэтому после заполнения контентом они тянутся на размер экрана, а не на размер контента. во-вторых, нужен общий бекграунд у левой стороны сайта, т.е. начиная от блока с текстом слева, фон должен продолжаться бесконечно влево и точно также с правой стороны.

[Murat Atila]

UDAV99: с высотой понятно, тут без контента не разобраться, а что у вас не получается с цветом? задайте родителю градиентную заливку
jsfiddle.net/99dog3co/1

[Сергей]

Murat Atila: проблем бы небыло если нужен только цвет( проблема в том, что там картинка и делить ее на 2 блока нельзя, т.к. прервется рисунок -(

[Murat Atila]

ээээм, рисунок за контентом?

[Сергей]

Murat Atila: да, один рисунок с левой стороны, под тянущимся и под фиксированным блоком (красный фон), другой с правой, также под двумя тянущимся (синий фон), и при этом максимальная и минимальная суммарная ширина фиксированного (красного) и тянущегося (синего) блоков должна быть от 800 до 1200 пикселей.
Т.е. есть сайт с min- и max- width, и от него в разные стороны должны уходить (продолжаться) бекграунды, с левой стороны один бекграунд, с правой - другой.