I would like to have a 2 column layout, the left column width should automatically size to the content (it will contain a navigation component), and the right column should fill the remaining width.
Both columns need to be 100% height with overflow hidden.
All I can find on the internet is using a fixed width left column, (which is what I am currently doing), but as the left div can change width dynamically I really want the right div to react accordingly and expand or contract. I am currently achieving this with jquery but would prefer a CSS only solution.
Looks like this template will work you just need to switch the float for the column on the right to be left.