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
 
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
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
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
All Courses

From novice to tech pro — start learning today.