Hang image outside of main body...

Hi there, I'm trying to position an image so that it hangs on the left hand side of the site outside of the main body.

So if you imagine your zen cart page, an image is placed behind the site but infront of your background, and part of the image is visible to the left of the site.

What I need to know is how do i position the DIV so that it is behind the body and doesn't mess up the site layout, but just sticks out the side.

You follow? :smile:

Done it using that, but I would like it so the image position is based on the position of the main content, so even as the window size changes, the image is always the same distance from the main body.

someone must be able to help, this is simple code for someone, need the position relative to the main content

Have you tried using position:relative, instead of absolute?

Can you give us a link to your homepage so we can take a look at it?

If you have no positioning on wrapper elements, the html/body (window) will be used as the positioning context. Add to #mainWrapper {position: relative;} and that will be the positioning context for divs contained in it.

This might help as an example w w w.c a p j a x.c o m
It's off to the right but you should get the idea.

Skip