Hi,

I have try all weekend to do this. A three colums layout with a center colum with a fixed size, and the other two colums (left and right) liquids.

The problem is, or that is what i think, that i can't specify any value for the width by the two liquid colums...

Anyone can help me?

Thanks!
And sorry for my english.

Did you want something like this?

#left {
float: left;
width: 20%;
border: 1px solid #000;
height: 100px;
}
#center {
float: left;
width: 170px;
border: 1px solid #000;
height: 100px;
}
#right {
float: left;
width: 20%;
border: 1px solid #000;
height: 100px;
}

<div id="left">
left
</div>
<div id="center">
middle
</div>
<div id="right">
right
</div>

- Steve

Thanks stevej.

Ok, that is the base idea. But with something like that, the lateral columns #right probably never go to the right border of the browser. In oder words, the website never will have a total width of 100%.

Well, right. I assumed that you'd want to modify the code and put it in a container or something.

.container {
width: 294px;
height: 100px;
border: 1px solid #000;
}

- Steve

Ok, but its the same, with or without the container, right?

I have upload here your code. The problem is, and that is also my problem, that the three columns ocuppy the 100% of the totally width of the browser.

Yes, they occupy the whole width of the browser because the container div has a width of 100%. If you give it a fixed width, or a fluid width less than 100%, it would not occupy the whole page.

- Steve

Ok. I understand that. But the point is that the three columns must ocuppy the 100% of the browser, and there are the difficulty.

Can't be really done with HTML & CSS alone, you will need javascript to recalculate the widths of the outer columns as the browser renders the page.

or you can fake it
http://www.modtalk.co.uk/_site/demos/wmt/three-column/

Wow.. It's was so simple!

Thanks chrishirst.

Well, with HTML & CSS sometimes you need to think outside the box...

... and inside the box, over the box and around all the sides of the box