Simple CSS layout how to?

i

[zyph]

Hi,

I want a layout which has 2 cols. The left col will contain my menu, and the right one the main content.

I want the layout to have 100% width (or 95% for example)

leftcol have to be flexible in width, and here comes the problem.

To have it flexible is a easy job. You just doesn't set the width.

BUT! I want the rightcol to fill up the rest of the space? :¦ Then it would have a specific width which follows the width of my leftcol?

I hope I have made my problem clear, or else you just ask :)

[BonRouge]

Erm... am I missing something?
Why can't you just set one to be 20% and the other to 80% (or whatever)?

[zyph]

I'm sorry for the late reply here. I didn't explain my self good enough I think, but here goes:

It looks stupid when I have leftcol 20% which almost always will be more than needed.

I do not want leftcol to be more or less. I want it to follow it's content perfectly.

[BonRouge]

Are you saying that you want a left column of a fixed width and a fluid right column?

If so, then:

#left {width:200px;}
#right {position:absolute; left: 200px; right:0; }

- that kind of thing anyway.

Let me know if I've misunderstood again...

[zyph]

Well, English is not my mother languare so bare with me :)

I don't want leftcol to have a fixed width, cause sometimes the menu are wider than from the start, image this:

menu1
menu2
....menu2.1
....menu2.2
menu3

menu2.1 and 2.2 will be visible only when menu2 is clicked, therefor the menu has to expand.

[BonRouge]

Well, you can have the submenu coming out over the right column. You just give your submenu a background and it looks cool.

OK?