CSS Forum

**sudhakararaog** · 05-15-2010, 03:49 AM

please look at this link
http://sudhakargolakaram.co.in/files/layout1.html

i have used 3 divs my question is about how div2 needs to be placed on top of div3

as of now it seems to work fine however i have used a negative z-index for the background div which has 100% width and has the repeating background.

i thought if i used position: relative for the wrapper div and used position: relative for div2 with a z-index of 2 and used position: relative for div3 with a lesser z-index of 1 which is less than z-index of div2

then the div3 would go behind div2

without using negative z-index for the background div is there any other way

please advice.

thanks

**lynxus** · 05-15-2010, 04:09 AM

Quick Q.

Why have you got a "div" for the background?

Just put your CSS for the background in your body?

**sudhakararaog** · 05-15-2010, 09:25 AM

i have used a div for the background as this background image appears at the very bottom of the layout and the height of the content above it will vary based on a page and if i give the background image to the body this background image will not exactly coincide with the content at the footer as it is now

**LadynRed** · 05-15-2010, 10:32 AM

You don't need to use positioning and z-index to achieve that layout at all. You can put one background on <body> as mentioned above. You can add a "container" div that's 100% width (by default) with the 2nd background on it. Then your #wrapper sits on top of that - no positioning or z-indexing needed at all. The position:relative on your #wrapper is good practice though, should you need to position something inside it later.