Link to home
Start Free TrialLog in
Avatar of SheppardDigital
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?
Avatar of LZ1
LZ1
Flag of United States of America image

Avatar of SheppardDigital
SheppardDigital

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?
Are you going to wrap everything in a container of some sort? Something with a fixed width?
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?
Not necessarily. We may just be able to modify the CSS layout I sent you. Give me a few.
ASKER CERTIFIED SOLUTION
Avatar of LZ1
LZ1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial