SheppardDigital
asked on
3 column fluid layout
I'm just wondering, is there an easy way to create a 3 column layout using CSS where the left and right column are fixed widths, but the center column stretches to fill the available space?
I know I could do it using javascript by getting the browser width and deducting the width of the left and right columns, then setting the center column to the remaining width.
Is there a way to do it without javascript?
I know I could do it using javascript by getting the browser width and deducting the width of the left and right columns, then setting the center column to the remaining width.
Is there a way to do it without javascript?
ASKER
Kind of like that, my only problem is I've also got a 100% header above the three columns, so it makes it difficult to add the left and right padding to the body.
Can you show us an image of exactly what your looking for?
ASKER
Are you going to wrap everything in a container of some sort? Something with a fixed width?
ASKER
No there won't be a container with a fixed width because I want the header to fill the full width of the browser window, as well as the three columns.
I wonder if it might be easier to use javascript?
I wonder if it might be easier to use javascript?
Not necessarily. We may just be able to modify the CSS layout I sent you. Give me a few.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
http://www.alistapart.com/d/multicolumnlayouts/3ColLiquid.html