3 column layout with fixed middle, but not the 50% solution?

Hi,

I am updating an exicting page and i like to have a 3 column layout with a fixed middle column.
I tried this, but the right colum and left don't start or end at the middle column? i need this so i can alter the z-index.

#content { 
width: 800px;
height: 750px;
margin: 0 auto;
text-align: left;
background: #CCCCCC;
overflow:auto;
} 

.column { 
width: 50%; 
position: absolute; 
top: 0; 
} 

.left {left: 0;} 
.right {right: 0;} 

#leftcol {
margin-right: 400px; 
background: #0099FF;
height: 750px;

} 
#rightcol {
margin-left: 399px;
background: #0099FF;
height: 750px;
}  

Code (markup):

Anyway to have the left and right column just with

#leftcol {
width: whatever-is-left-over-on-the-left-side;
}
#rightcol {
width: whatever-is-left-over-on-the-right-side;
}

Code (markup):

Any suggestions?

 

Google helps

http://www.dynamicdrive.com/style/layouts/category/C10/

CSSplay has some nice layouts, too

And by the way: Just some CSS is not enough... provide a FULL example... maybe something already online?

 

Hi,

I think you have to specify the middle colum with in px like 600px;

and why are you defining the left and right margins for right and left colums so high?

if you specify with for all columns in px, i am sure it will be fixed forever.