homepage Welcome to WebmasterWorld Guest from 54.227.212.224
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
help with overlapping divs
div z index
roclimb

5+ Year Member



 
Msg#: 4053136 posted 5:50 am on Jan 3, 2010 (gmt 0)

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
Thanks
Rob

 

JAB Creations

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



 
Msg#: 4053136 posted 9:49 am on Jan 3, 2010 (gmt 0)

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

kylehill

5+ Year Member



 
Msg#: 4053136 posted 6:37 pm on Jan 4, 2010 (gmt 0)

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

roclimb

5+ Year Member



 
Msg#: 4053136 posted 7:05 pm on Jan 4, 2010 (gmt 0)

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
[rideoregonride.com...]

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

roclimb

5+ Year Member



 
Msg#: 4053136 posted 9:48 pm on Jan 4, 2010 (gmt 0)

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

kylehill

5+ Year Member



 
Msg#: 4053136 posted 10:30 am on Jan 6, 2010 (gmt 0)

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

kylehill

5+ Year Member



 
Msg#: 4053136 posted 4:20 pm on Jan 6, 2010 (gmt 0)

anyone? :(

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved