Z-Index question.....I think

I think what I am asking about is z-index, however, I can’t get it to work right.

Here’s the deal. I have a png header/banner image that I want the bottom part of the image to kind of overflow into the content area and the right sidebar.

How would I get this image to creep into those div’s?

If you need more info before answering, let me know.

Thank you for any and all help :slight_smile:

It’s not so bad what rockarena suggested, but again :slight_smile: It would be nice to see your stylesheet. So we wait

By ‘it’ do you mean my banner?
How do I position it to top?

Yea, I do apologize. I am at work right now and my CSS is at home. Sorry.
And yes…excellent. Negative top-margin. That just may do the trick. I’ll try that and rockarena’s suggestion later.

Without seeing your CSS it’s difficult to say, but it is not only your z-index, you should give your content and right sidebar a negative top-margin as well

I think for z-index to work you need the element to have a css position style assigned to it.

Use it as a background image positioned to top. Z-index should be 1.

I have no idea.
Here is a quick sketch of what I’m talking about:

Everything in those red dots is my banner. The reason why it is so huge is because those rays of light coming from that disco ball is the part I need to be seen in the body and right sidebar (also, the bottom part of the rollerskate as well)

So far, the only thing I can do is put the banner in a h1 with size and width which displays the whole banner, but everything else drops below the banner.
I need this to be seamless and fit together like in the included image.

Maybe this can help you?