Shoutbox

Problems once again, this time with DIV-layers. I am making a site for a World of Warcraft I'm in and because DW uses DIV layers in it's templates I am using them. I got one problem/question:

If I have three div layers, of wich the left and right ones have a constant width. How do I set the middle layer to adjust itself if you resize the screen, but also always be at the same distance from the left and right layer.

If you didn't understand, take a look here. I want the middle one to always be "connected" to the navigation layers, not just to the left one.
Please, don't suggest moving to tables. I know it's much easier but I would like to learn a way to do it with divs if there is one. Thanks.

You could try something like:

left: 10px;
right: 10px;

In the div/css for the middle area.

I'm not too sure if that'll work, but what would make it alot easier is if you converted the whole layout to fixed widths (so it was say 760px wide on EVERY resolution), then you wouldn't have this problem as you could specify the width for each area.

For some reasons, the absolute positioning didn't work. (I actually already tried this, but I didn't do it in the stylesheet the last time)
So, how do I centre the whole layout then? I'm not very expirienced in this stuff, even less in css and div layers.

EDIT: Nevermind, figured it out myself. Thanks.