Question

I’m always weak when it comes to positioning divs, but this situation is slightly difficult to find a solution to online. I’m trying to position boxes like so:

 _  ___  _ 
|_||   ||_|
 _ |   |
|_||___|

Is there a way to avoid defining each one’s pixel positions specifically and make them slot into the three columns I’ve got?

Answer 1

take a look at this fiddle: http://jsfiddle.net/rREAh/ is this what you are looking for?

If you need a perfect layout, take a look at the yahoo layout manager: http://developer.yahoo.com/yui/layout/