Помогите решить проблему с плавающей моделью

[musicant]

Помогите решить проблему с плавающей моделью

Добрый день.

Вот упрощенный рисунок макета:

Высота блока "3" зависит от контента.
Если блоку "2" задать height:auto - то Opera и Firefox поймут это ~ как height:0px.
Соответственно цвет фона под блоком "4" пропадает.
Position:absolute исправляет ситуацию, но весь сайт прибивается к левому краю экрана.(а нужно разместить его по центру).

Можно ли реализовать такой макет средствами "плавающей" модели?

 

[Scud]

А если блоку 2 не задавать высоты вообще? Разве он не будет такой высоты чтобы вмещать в себя больший из блоков 3 или 4?

 

[musicant]

Единственный (по моему) выход - это задать блок с шириной сайта position:relative margin left:auto margin right:auto (text align:center - для IE) а в него "вложить" сайт с position:absolute (координаты absolute вычисляются относительно "родительского" блока с относительным позиционированием).