Fluid layout help

[sunshine78]

Hi all,

I am trying to build a 2 column layout as attached.

The problem in my css is that when the broswer is resized, the right hand sidebar falls under the middlesidebar.

I've tried, all %, all pixel, some pixel, some % and it's driving me nuts! I think I may have over-complicated it.

I can usually figure these things out but I've reached the end of my rope!

For clarity, my css is:

#content {  height: 100%; padding: 30px 0px 10px 0px; background:white; border: 1px solid red;} 
.middleSidebar { width: 70%;float: left; margin: 0; padding: 0; border: 1px solid blue;}
.rightSidebar { width: 350px; float: right; border: 1px solid green;}

If anyone can help that would be appreciated.

Cheers,
linda

[sunshine78]

Sorted it.

I had a middle column template and a sidebar template. I put the sidebar template code into the middle column template and the usual way of doing a fluid layout worked. No idea what was wrong and it's probably not ideal but it's fixed!

Cheers