Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

help with overlapping divs

div z index



5:50 am on Jan 3, 2010 (gmt 0)

5+ Year Member

I can't seem to overlap divs the way I want and need help.

I have a header div with a tab I want to hang over an image in a content div just below the header div. The header has this tab and the div below a large image. I tried using Z index but nothing happens. I gave the header div a high index and the div below a lower index number.

What can I do to make this effect work?

Any help would be great

JAB Creations

9:49 am on Jan 3, 2010 (gmt 0)

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

First determine if you should be using negative margins first.

If negative margins don't work then you need to position the div (usually relative) with usually either one or two of the related CSS2 properties (top, right, bottom, left). Then you apply z-index.

- John


6:37 pm on Jan 4, 2010 (gmt 0)

5+ Year Member

Can anyone tell me how to fix my navigation please. I'd be ever so grateful for help. thanks in advance :)


7:05 pm on Jan 4, 2010 (gmt 0)

5+ Year Member

thanks that worked, they overlap. I set the header to fixed and the div under to relative. The only thing is the whole page now scrolls. Should I set them both to fixed?

I want to overlap like on this site

Basically I want a header overlapping large photo like it is here


9:48 pm on Jan 4, 2010 (gmt 0)

5+ Year Member

I think that may be a problem with your womode. The value should be set lower letting the drop down over the text and image


10:30 am on Jan 6, 2010 (gmt 0)

5+ Year Member

excuse my lack of knowledge. whats my womode? thanks for your help :)


4:20 pm on Jan 6, 2010 (gmt 0)

5+ Year Member

anyone? :(

Featured Threads

Hot Threads This Week

Hot Threads This Month