Как реализовать такой фон?

[sfc]

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

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

Так как все таки это реализовать? Думаю не у меня первого возник подобный вопрос, однако поиск ничего не дал

[lexxcode]

В body ставите синий цвет

В body вставляете блок wrap например, и даете ему желтый цвет, выравниваете margin:0 auto;

А дальше делаете внутри wrap хедер и футер, а центральному блоку c контентом задаете зеленый цвет.

Делов то?