PDA

View Full Version : CSS - layering background images



cew
June 29th, 2007, 08:20 AM
Hi I was wondering if someone could help me sort out what I think could be a simple problem.

I am using a background image on my site which I want to then layer 2 gif images on top of:

one gif image has to repeat for the entire page as the background image (no i cant include this on the original background image, it MUST be a separate element)

and the other image must be centered on top of these two images. the only site i have noticed to date with something similar is this one http://bockmantheband.com (http://bockmantheband.com/)

I am new to CSS and the containers looks a bit complex, any help on the css would be great.

Feel free to ask more questions if i have not made myself clear

CEW

kinow
June 29th, 2007, 08:41 AM
Hey cew, did you see bocjmantheband.com's background image???

Usually these kind of layout are created in Photoshop and ImageReady, and has a lot of images and some css generated automatically.

Cheers

simplistik
June 29th, 2007, 09:30 AM
all you do is give your body a backgound then make another div... give it a background, width of 100%... and if you need another image, make another div inside that div and give it a width of 100% as well. the rest of it will be your content which will control it's height.