WordPress.org

1. daytongemshockey
   Member
   Posted 1 year ago #

   I have searched high and low and for days and days on how to fix this problem. The drop down menu goes behind my dynamic content gallery and I have tried changing the z-index for different components and it still doesn't work. It only happens in IE7. Here is a link to my site.

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

   IE7's z-index is borked. You'll probably have to place a higher z-index on the menu container using conditional comment CSS.

3. maudiruiz
   Member
   Posted 1 year ago #

   daytongemshockey dude how did you solved this issue!! Please post it here! I really need this help! You and i seem to be the only persons with this problem!
   If anyone knows how to solve this thing! Please post it here!

4. daytongemshockey
   Member
   Posted 1 year ago #

   I changed the z-index of #content to 1 and changed the z-index of #access to 2. You have to make sure the z-index of the content is lower than the menu.

   Finally I was able to figure it out! I hope this helps!

5. jimkz
   Member
   Posted 1 year ago #

   That didn't work for me, but this did: add

   wmode="opaque"

   to your swfobject code on the page where it displays.

6. pavlos.g
   Member
   Posted 1 year ago #

   Adding z-index to #content and #access did not help me either.
   It finally worked for me by adding z-index:100 to
   #access .menu-header li, div.menu li

7. Kimberly2011
   Member
   Posted 1 year ago #

   very nice,it helped me
   Maternity Dresses for Special Occasions

8. schmaart
   Member
   Posted 1 year ago #

   /* fix menu under content */
   .container_12 {z-index: 1;}
   /* above is the main container div as I'm using 960.gs*/
   #access { z-index: 2;}
   #access ul ul { z-index: 99999; }

9. bpmildh
   Member
   Posted 9 months ago #

   daytongemshockey + pavlos.g sollutions worked for me in IE7, and it don't appear to break stuff in IE8 and sane browsers so i did not bother conditionals.
   #content { z-index: 1; }
   #access { z-index: 2; }
   #access .menu-header li, div.menu li { z-index: 100; }

10. rabbitwordpress
    Member
    Posted 9 months ago #

    Twenty Eleven Main Menu Problem Now Fixed thanks to bpmildh

    Thanks bpmildh, you're a star :)

Topic Closed

This topic has been closed to new replies.