ansaurus

Question

Adding a background image on the side of the page. (CSS)

Answer 1

A:

Im not sure if i understand your question or not.

Anyway. Dont set your z-index on the image. I would set position relative on the layers that needed to be at the top.

Remember that IE6 dont get the z-index. It figures out which comes first and then its the last one that is on top, even though it haves a lower z-index.

designer 2009-09-11 16:52:47

Check out http://www.capiachi.com/betaSorry for being missinformant. Im actually trying to add 2 images with a specific size to the left and right. I want them to work exactly like they work in the latest firefox.

2009-09-11 19:25:41

Answer 2

+1 A:

Try this:

<body style="background: url('../admin/images/background_text.png') 120px 10px;" > rest of the page...

this sets the background for the whole page (what it seems kind of like you're doing?) to the given image.

I would also size your image to the desired size if it isn't already, then you don't need to supply width and height (or worry about IE rendering the resize).

if you're really just putting it on the side, I might use a table or div setup and set the background on that (not knowing how your page is setup).

CodePartizan 2009-09-11 17:03:11

Answer 3

A:

Here's an improved answer for you:

Give your "wrapper" div the background image as described before. Then extend your main table all the way to the right (or wrap it in another table or div with 100% width) and give that the right side background image. Then the images are still behind all the content and they both should behave as you want them to.

if you need more info on the background css attribute, check out the WDG page

CodePartizan 2009-09-11 20:08:12

That should work, great idea! Thanks! Ill get back once i try it out!

2009-09-12 11:24:20

ansaurus

tags:

views:

answers:

Adding a background image on the side of the page. (CSS)

related questions