How to center these two columns?

[BadlyDrawnGirl]

Is anyone able to tell me how I can modify this open source template so the two columns are centered in the page?

http://www.oswd.org/design/preview/id/3185

I’ve tried messing with the float tags and it’s just been a disaster.

[JohnMotylJr]

to center those two columns just add

#container {

width: 750px;

border-top: 1px dotted #c7c7c7;

margin:4px auto 0;

padding-top:5px;

}

The margin must be corrected, as far as the other elements go, like the image and whatnot just adjust within the container div.

[shingokko]

_John’s absolutely right. If you don’t quite get how floats work, you might want to check this tutorial out. http://shingokko.com/blog-entry/float-and-clear.html

[Author]

Posts