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?

Improve company productivity with a Business Account.Sign Up

x
 
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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
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.