How to get a 2 column widget area defined in CSS?

I am trying to design a page that would hold widget boxes in a 2 column set up. The widget boxes are essentia开发者_C百科lly "boxes" designed in CSS with a different background color that look like boxes. I would later add the appropriate widgets in place.

My CSS skills are not the greatest since I am primarily a backend developer so any help here would be appreciated.

I think this is what you're looking for: http://jsfiddle.net/Skooljester/u8qZn/.

I've been using yui3 grids lately for my column layouts, and I'm loving them! Here's a link to a great overview/tutorial: linky This is a very easy and flexible solution, which scales well to even very complex layouts.