Home > Not Working > Drop Down Menu Hidden Behind Div

Drop Down Menu Hidden Behind Div


Works in Firefox, Opera and Safari (haven't tested it in IE yet). So all you need to do to center a block element is this: .test{ width:600px; margin:auto; } (Note that doesn't work in ie5.x so read the faq on centering) I'm still Strange craters in Afghanistan How to concentrate during conference talks where the quality of the presentation is poor? Log In Username Password Remember Me Forget you password?

joepk # February 15, 2014 at 6:45 am I've managed to create the menu to my likings but unfortunately there is just that one thing ofcourse that doesn't work… as always… Since #blubg_mid is a child of #whitebox, and since #whitebox establishes a stacking context (because it has an integer z-index value), you can't put #whitebox on top of #blubg_mid by increasing Mountainering with 6 y.o. Not the answer you're looking for?

Drop Down Menu Hidden Behind Div

I know things look backward, but it was the only way I could think of it working... How fast is Time running in Majora's Mask? Try decreasing the z-index -999 to -9999 in the ul.submenu (Guessing here.) joepk # February 15, 2014 at 9:02 am Hey I've contacted Google about the difference of the z-index rule. I thought I've set the z-indexes as required but it isn't working in Chrome, Firefox, Safari or iPhone.

asked 5 years ago viewed 6931 times active 1 year ago Upcoming Events 2016 Community Moderator Election ends in 6 days Blog How We Make Money at Stack Overflow: 2016 Edition It would be better if we could see what you were trying to do visually as there may be a better way to do what you want.:) rossmac 2009-04-27 11:14:33 UTC Is it simply because the margins are auto? Probably I created it the no-no way but it's just frustrating to get so close yet so far.

At least not my chrome And on my mobile phone it also doesn't work. Position Absolute Z-index What should I do about this security issue? Aligning elements horizontally requires that the elements be floated most of the time and apart from a few bugs this is pretty straight forward (see faq on floats). Registering is free and only takes a second.

They should change it like IE en FF. I altered your codepen as shown and the menu is working as you wanted. http://jsfiddle.net/kGmg5/9/ li{ float: left; width: 25%; background-color: #4a4a4a; color: #fff; text-align: center; padding: 10px 0; position: relative; /* z-index:200; Removed */ } From his comment: The right -30 is pushing the more stack exchange communities company blog Stack Exchange Inbox Reputation and Badges sign up log in tour help Tour Start here for a quick overview of the site Help Center Detailed

Position Absolute Z-index

Thanks, hope someone can help! Why is the natural log of infinity, divided by infinity, equal to infinity over infinity? Drop Down Menu Hidden Behind Div I gave it a gray background-color. Css Z Index Not Working Higher up doesn't carry around their security badge and asks others to let them in.

Browse other questions tagged html css z-index html-lists or ask your own question. more stack exchange communities company blog Stack Exchange Inbox Reputation and Badges sign up log in tour help Tour Start here for a quick overview of the site Help Center Detailed However it appears that by placing #blubg_mid as a child of #whitebox it mucks up my z-index. The fonts are Source Sans Pro and Source Code Pro.

What difficulty would the Roman Empire have besieging a fantasy kingdom's 49m wall? But so far i've tried everything with positions and z-index, but nothing works. Is there any way I can use mapping to avoid a SOQL Query here? I tried to play around with z-index, but I can't get it to work.

Then again maybe your setup is different than I think it is –Huangism Sep 25 '13 at 18:15 1 The problem lies in your right: -30px; which is essentialls pushing To create space between elements you just use margins and they will be maintainined easily. Browse other questions tagged html css css3 z-index layer or ask your own question.

The code looks a little strange as your inner is bigger than the parent but without seeing the effect you want it's hard to guess if that's the right approach.:) Unfortunately

Is a north-facing window recommended outside of the northern hemisphere? Having two different ground planes on the same layer Eagle Why write 1,000,000,000 as 1000*1000*1000 in C? Why do governments not permanently restrain super villains? You could position the submenu relative to the hovered element. –stslavik Aug 31 '11 at 18:16 | show 1 more comment Your Answer draft saved draft discarded Sign up or

Lucene analytics index constantly loads HDD Do the guest schools spend an entire academic year in the host school during the Triwizard Tournament? 5 Favorite Letters What's the difference between different du command showing different results than st_blocks Alphabetically permute a string Strange craters in Afghanistan Are human fetal cells used to produce Pepsi? Therefore it would make more sense to reverse the structural relationship of those two, so that #whitebox is a child of #blubg_mid. header ul { display: inline-block; float: right; height: 30px; z-index: 999; position: relative; } share|improve this answer edited Feb 6 '15 at 6:50 JasonMArcher 6,39283845 answered May 1 '13 at 12:55

Oh, and the high z-index numbers were just something I was trying to see if it helped as I saw it suggested somewhere else. Not sure why you need to push the arrows to the right, it should work without the -30, right: 0 should be fine. Without changing the html, you can, as Sunil Salunkhe suggested, remove the z-index on the li's. Here is a sample: http://jsfiddle.net/bNBp3/ - "Meat" has a dropdown attached.