Hi. I started trying to customize a css template from Dynamic Drive. I want to have a centered 660px middle frame (or cell, div, box, whatever it's called..). If you look at the example, the sides are a set width and the middle expands to fit the screen resolution of the browser. I want to basically do the opposite. Keep the middle at 660px and expand the sides to fit the screen resolution.

Can anyone tell me how to modify this code to do that?

http://www.dynamicdrive.com/style/la...frames-layout/

I am not sure that this is possible, at least not in an easy way

this guy here
http://archivist.incutio.com/viewlist/css-discuss/82491

suggests
'all-float with negative margins' from scratch and place the
main content first.

EDIT - This wont work, I misunderstood what you were trying to do

If I have understood your question right you want to have a static middle and if somebody has a different screen res the middle will still be centered and the same size, but the space on both sides of the middle will just expand?

Ok, here's how:
Make a div named "container". ALL of your future content need to be WITHIN that div!
In your CSS doc write following:

#container { position:relative;
width: The width of ALL of your content (including if you have any boxes etc beside your main content);
margin: auto;
}

What we've just done is to make the space that will contain and center your site and content.

Now we move on to do the middle space:
Make a div named "middle" or something like that. Now in your CSS write following:

#middle {width:the width of your main content px;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:#XXXXXX;
}

Now you have made your main content. You only need to dicide which color you want the background (the space between your main content) to be. Specify that by typing this into your CSS:

body {background-color:#XXXXXX; }

Hope this helped

That is what I first thought nerbonne wanted, but I think he/she wants 3 columns....The middle a static size, and the two side columns would expand with the users resolution.
Im not really sure how you could do this. What happens if you set a specific width on your midde div in pixels and then set the size of the side columns in percentages??

I think he/she wants 3 columns....The middle a static size, and the two side columns would expand with the users resolution.

That's exactly what this code does

CaptainB
I don't think its clear what you are doing ?
Mind elaborating a little, or better yet post the whole code that is working

(its a very interesting problem after all)