Environment
Drupal Core: 5.7
Theme: Custom zen subtheme
; $Id: nice_menus.info,v 1.2.2.2 2007/06/18 23:06:52 dww Exp $

Issue
I have the primary menu wrapped in a nice_menu block and placed in the header region. The dropdown menu items appear under/below the main content (as if the z-index was lower.. but its not) only in IE. Things are fine in the other browsers. A look at the attached image should explain.

I have spent hours trying to fix the problem without any progress. To locate the source I did the following

  • Commented out the drupal_add_js() for nice_menu.js - but the problem remains
  • Removed the custom css file that I was using to style the menu (at /admin/build/themes/settings).
    Thus the problem seems to be with nice_menus.css
  • For ul.nice-menu ul {} IE developer toolbar shows a z-index value set to 5 (which is what it should be) and also some property called hasLayout as '-1' (this looks suspicious to me)

Any solutions? Or pointers to where the problem might be?

CommentFileSizeAuthor
nice-menu-issue.png19.17 KBsumeet.pareek

Comments

add1sun’s picture

add1sun commented
Category: bug » support
Status: Active » Postponed (maintainer needs more info)

You might give the FAQ a once over. This is a known IE issue.

sumeet.pareek’s picture

sumeet.pareek commented

Oops. Must have skipped the issues that talked about the same problem (for their names were not intuitive enough to me). Did what the FAQ suggested and have now got my nice menu working for IE too :)

Here is what I had to do :
I had nice menu in the header region of my zen subtheme > Within proximity, div#main and div.block had the style position: relative; > Setting their style to position: normal; made nice menu drop-downs work like expected on IE

But of course I had let go of the "edit links" that are provided by the zen theme on blocks and views. Since the blocks are not positioned relatively anymore, the edit links have <body> tag as their offset parent and thus appear on top right corner of the page :(

Am just wondering.. If the nice menu went below the main content in IE (because both were positioned relative), shouldn't there me some way for me to make the main content go below nice menu drop-down?? (without having to remove relative position of either element)

add1sun’s picture

add1sun commented
Status: Postponed (maintainer needs more info) » Fixed

Not that I know of. IE is just weird and so things that make sense in other browsers just go pear-shaped in IE. If you do find another solution, please feel free to add it to the FAQ to give folks more tools at their disposal.

Anonymous’s picture

Anonymous (not verified) commented
Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.