I'm currently working on my first website, so hopefully this question doesn't come off as too ignorant. I've been googling for a solution to my issue for hours but haven't found what I'm looking for yet. Here's a pic of what the site should look like (plus slices). hxxp://img838.imageshack.us/img838/8081/screenshot20110409at106.png The blue column is a centered and horizontally tiled background image (so the grey extends either direction). I just need to be able to center the divs on top of it. The problem is that if I set margin to 0/auto on the individual divs, they just all center on top of each other. I need to them to center and conform with my layout. Basically I need to be able to set a margin relative to the center rather than the sides of the window, or better yet somehow force the divs to remain in their row but not overlap. Any ideas on how to best go about this?
place all elements inside a wrapper div and center the wrapper div with margin:0 auto; Then inside the wrapper, mane one wrapper div for each horisontal row of content, float them left, and make sure you clear them under each wrapper so you get the new row in the right position. Google for css info on floats and clears, this is an important part of your layout.