Помогите с лэйаутом

[Evkaky]

Задача:

Хеадер на всю ширину, сайдбар фиксированный 200px, контент-область (.main), котороя в ширину тянеться по контенту.

Ну и футер, тоже на всю ширину.

Никак не получается добиться того, что бы контейнер .cont в ширину тянулся строго по своему контенту (который определяется шириной .main)

http://jsfiddle.net/uqw94/

В дальнейшем в контент-области (.main) у меня будет широкая таблица, и нужно что бы весь лейаут тянулся в ширь по этой таблице, как-то так (по каким-то причинам .main не хочет тянуться в ширь по своему контенту):

http://jsfiddle.net/jTMU5/4/

P.S. на флоатах у меня это реализовать вообще не получается.

Edited January 30, 2014 by Evkaky

[klierik]

http://jsfiddle.net/uqw94/2/

[Evkaky]

http://jsfiddle.net/uqw94/2/

У вас там overflow: hidden; на контентном блоке (.main)

А у меня, как я писал, в качестве контента будет широкая таблица (т.е непереносимый "символ", в отличии от текста)

Таблица будет срезана:

http://jsfiddle.net/uqw94/3/

Edited January 30, 2014 by Evkaky

[Sensei]

может так? http://jsfiddle.net/DtCk6/1/

или так http://jsfiddle.net/DtCk6/

[Evkaky]

или так http://jsfiddle.net/DtCk6/

 

Премного благодарен!

Хотя, я так и не понял, почему это не работает, если контент-блоку тоже задать флоат, и почему это не работает на флексбоксах.