2 column layout

hi im in the middle of creating a totally new layout and my css is very bad so i would like a bit of help ive tried a few online generators but they arnt really much good - either that or more likely its me

anyway what im wanting is a design in css which looks something like:
rough

i dont expect the little boxes on the left but it would be nice to get a simple 2 column centerised layout with a header, tables i can create it in seconds but i want to make my new 1 css based and i cant even find a rough design to work off so if anyone knows of any id appreciate a link to it

tony

 

try this site, taught me css a few years back, let me know if it helps.

http://www.lissaexplains.com/css3.shtml

 

the bottom 1 on that site is what i want but i want it to be centerised and with a width of about 700pixels thats the bit im having problems doing

 

Check out the individual article pages on my site. The column sizing is done via javascript to make the height of the columns equal.

Like for instance, this article about the Scott Stapp upcoming wedding.

Admittedly, my css is a little out of control, but it is a starting point. Not too difficult to find the column/layout basics though.

 

You can center your layout this way. Suppose that the following div is the container of the other code of the layout:
<div id="container">
</div>

Use this css:
#container {margin:0 auto; width:700px}