3 columns - 1 fixed, 2 fluid

[FesterSXS]

I have a 3 columns section on my site. The left-hand column contains the site navigation and should be fixed at 165px wide. The central column and right-hand column should be fluid depending on the available width within the browser window.

How would I achieve this with CSS?

I tried using the fixed width for Col #1 and then using 70% and 30% for Cols #2 and #3 but that made the page too wide and introduced horizontal scrollbars.

Any ideas?

Thanks

Tony
________________________________________________________________________________

http://www.SpiraxSarco.com

 

[Vragabond]

You could do it with two absolutely positioned and one relative column:

Col#1:
position: absolute;
left: 0;
top: 0;
width: 165px;

Col#2:
position: relative;
margin-left: 165px;
margin-right: 30%;

Col#3:
position: absolute;
right: 0;
top: 0;
width: 30%;

 

[FesterSXS]

thanks - I'll try that and let you know how I get on

Tony
________________________________________________________________________________

http://www.SpiraxSarco.com