How to create a centered div using css

[nerbonne]

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/layouts/item/css-left-top-and-right-frames-layout/

 

[ChrisHirst]

#centered_div {
    margin:0 auto;
    width:660px;
}

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.