All Content in a Single Centered Column

I would like to put all of my CSS content at http://www.vu.union.edu/~bhangra/ into a single, fixed width centered column, similar to the one at http://www.pennmasala.com/index.php.

I see two possibilities. I could either use div tags to make a column, but I'm not sure how I would do that without messing up my other divs. Or, I could make an image and repeat it horizontally, but I'm sure that would cause some issues with my existing vertically-repeated images. Does anyone have an idea of how to do this?

 

Actually you need a three column layout. Put all you css content in the middle column and set the side columns the image what you want.

Try the tools to generate 3 column codes,

http://www.pagecolumn.com/3_column_div_generator.htm

or

http://www.pagecolumn.com/3_column_div_generator_m.htm

 

Not sure if this is what you want to do but to make a div centered horizontaly in page you can use this code

div.mydivname {margin: 0 auto;}

Code (markup):