Backgrounds Question

Dead simple Demian Arend - don't over complicate things with z-index.

All it is is this. A div with a width of say 70%. This is then given a margin of 0 15%. 15% either side of the 70%, that'll plonk it in the middle of your page.

For the background, there's two ways to go. If the background/sidebars/borders/margins either side of the main content field is to have active content like login, cart whatever, then you'll need to make two 15% width divs. One before the main container, one after. No margins as 15 + 15 + 70 =100. Float them all to the left and you'll have three divs going 15%, 70%, 15%.

The next step is the same for both. Background-image. If you just want a background and not active areas either side of your content, then use background-image to insert an image that'll act as the background. Difficult one to do, go for a pattern or an image with a height of about 1440px. This is so you're not left with issues either stretching, repeating or centering the image with space left above and below. If it's just the background to the whole page, then grab the body selector in css and apply it there like this:

body{
    background-image:

This same process is applied to any div you want a background image on. Just if you want to put stuff in your sidebars you need to do a bit more work.

Thanks, Scott and Mathew. Appreciate it. I will try this stuff. -Demian