Позиционирование блоков с наездом

[cul8er]

Помогите разобраться, как следует выполнить следующее задание:

 

 

Длинна блока контейнера (Container) Зависит от большего по размеру блока Menu или Content.

При этом Menu вылезает за пределы блока Container на 20px , а блок Content вылезает за блок Container на 10px.

 

Сейчас все это обернуто в еще один контейнер, который имеет position: relative , а контейнеры Menu и Content position: absolute.

Но при таком решении длинна Container остается не изменой. 

 

Как лучше справиться с этой задачей?

[Switch74]

я бы сделал что-нибудь вроде этого

[cul8er]

я бы сделал что-нибудь вроде этого

Спасибо

 

Единственный косяк, что отрицательные значения top'a, создают такой же,по размеру, отступ от footer'a ..

[Switch74]

можете попробовать сделать через margin, там должно быть как вам надо

Edited May 8, 2014 by Switch74

[npofopr]

 

я бы сделал что-нибудь вроде этого

Спасибо

 

Единственный косяк, что отрицательные значения top'a, создают такой же,по размеру, отступ от footer'a ..

 

или просто добавить margin-bottom в величину отрицательного top.

 

А вообще обычный макет http://csstemplater.com/