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?
SheppardDigitalAsked:
Who is Participating?
 
LZ1Commented:
0
 
LZ1Commented:
0
 
SheppardDigitalAuthor Commented:
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.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
LZ1Commented:
Can you show us an image of exactly what your looking for?
0
 
SheppardDigitalAuthor Commented:
0
 
LZ1Commented:
Are you going to wrap everything in a container of some sort? Something with a fixed width?
0
 
SheppardDigitalAuthor Commented:
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?
0
 
LZ1Commented:
Not necessarily. We may just be able to modify the CSS layout I sent you. Give me a few.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.