Menus Shifted to the left on IE 6 and 7
dmetzcher - February 8, 2007 - 21:46
| Project: | DHTML Menu |
| Version: | 5.x-0.7 |
| Component: | User Interface |
| Category: | bug report |
| Priority: | normal |
| Assigned: | brmassa |
| Status: | closed |
Jump to:
Description
This is an excellent module, but Internet Explorer seems to shift the menu items to the left when displaying them now. Is there any way that this can be corrected? I am using the Barron theme, which displays the menus on a sidebar on the right of the page.
If it cannot be corrected, is there any way that it can be made to revert back to the old, non-DHTML menus, when someone is using IE? Looks great on Firefox, and I assume most other browsers that adhere a little better to Web standards.
Thanks!
#1
I'm not sure what you mean by saying that menus are shifted.
I'm not using barron, but I had a problem when icons next to the menu items are shifted to the left (off screen).
I applied double margin bug fix in dhtml_menu.js in line 21 (cvs version), and replaced word "block" with "inline".
Now everything seems fine.
#2
Subscribing.
Menu items about to far to the left after using dhtml menu. Not IE compliant.
Also large vertical space between menu items and sub menu items.
#3
I hade the same problem. I switch to 5.x-0.x-dev and that solved part of i by not setting inline style on every list item. But the icon on the expandable menu item was still way of to the left in IE6. So I applied the change that Wuk mention (changing from "block" to "inline" in the js file) and it seems to work just fine right now.
#4
This worked a treat thank you very much!
I just brought our new site live today so this was a big deal.
#5
Well it worked for IE6 anyway lol... IE7 of course has to give us a hard time still.
One IE is bad enough to have to code around. My site works great in IE and firefox but I have all kinds of problems with IE7
#6
Sorry I take that back,
I was logged into the wrong site... my sandbox hasn't been updated yet.
#7
Not sure what you mean here:
"I applied double margin bug fix in dhtml_menu.js in line 21 (cvs version), and replaced word "block" with "inline".
Now everything seems fine."
I changed the word "block" with "inline" where you said, and it changed nothing. The menus are still shifted as they were before, and there is still a good amount of space in between each menu item. Someone else said that it worked for them. I wonder if someone could attach their version of the dhtml_menu.js file to a reply, so that I can take a look and test it out.
Thanks!
#8
Thanks a lot! That fix worked for me and saved me from disabling the DHTML menu module. I wonder why they do not fix this in the original code?
#9
shuklasp,
Can you attach your version of the JS file to a reply so I can take a look at what you did and possibly use it in my site?
Thanks!
#10
Figured it out. Was using the wrong version. Switched to the latest dev version, from mid-March 2007, and applied the fix "in line 21 (cvs version), and replaced word "block" with "inline"". That worked. The triangles that appear next to the menu items are slightly higher than they should be, but this is a problem with the standard navigation in Drupal on IE anyway, so I'm getting the same look.
#11
I also ran into this issue with the Zen theme.
I changed line 21 of the js from block to inline to solve the issue.
#12
Guys,
its probably a jQuery problem. in any case, its fixed on CVS. soon on the next release.
regards,
massa
#13
Guys,
its probably a jQuery problem. in any case, its fixed on CVS. soon on the next release.
regards,
massa
#14