1 reply [Last post]
slicc
slicc's picture
Offline
newbie
Last seen: 6 years 7 weeks ago
Timezone: GMT+1
Joined: 2013-09-17
Posts: 1
Points: 2

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.

Thanks,

Slicc

DivineChef
DivineChef's picture
Offline
Regular
San Diego
Last seen: 5 years 36 weeks ago
San Diego
Timezone: GMT-8
Joined: 2013-09-20
Posts: 13
Points: 20

Try zurb

Looks like this template will work you just need to switch the float for the column on the right to be left.

http://foundation.zurb.com/page-templates4/blog.html

Find me on youtube DivineChef