Problems displaying DPM in IE7
holeyhippiegeek - April 19, 2009 - 16:35
| Project: | Dynamic Persistent Menu |
| Version: | 5.x-1.0 |
| Component: | Code |
| Category: | support request |
| Priority: | critical |
| Assigned: | yrocq |
| Status: | needs review |
Description
I recently changed themes on my site from a zen sub-theme to a hacked up zen classic. My menu was working fine. However, now it isn't working in IE7 (big surprise). It works just as expected in Firefox. However, in IE7, only the first two links work. All the links show the submenus beneath them, but only the first two links' submenus are actual links. Here is the site www.gojacc.com
Meanwhile, I will be sitting here hating IE7 yet again.
Thanks!
Reagan
#1
please help! this site hinges on having a useable menu. Since it won't work for any reason I can find (even though it used to work), it makes the site unuseable.
#2
Same problem here. If no Submenu present, IE7 is screwing up the css...
Possible solution: always put an empty
<ul class="submenu"></ul>into the code where a toplevel item has no children. unfortunately, i can not do this by miself...#3
Here is a patch to implement the behaviour suggested by sandroz. However, I have not enough time to test it under ie7 for now. Could you give it a ty ?
#4
#5
I would, but i don't know how to add patch files... :(
#6
sandroz : See http://drupal.org/patch/apply
#7
If someone could help me style DPM in IE7 I'd appreciate it. Styling works just fine in Firefox and Safari but IE7 just ignores any classes related to DPM that I've used in my stylesheet.
#8
erynsidhe: Does the menu work even if you can't syle it ? Could you post the CSS code you use ? Are you using the drupal 5 or 6 version ?
#9
I'm using a zen subtheme on the latest version of Drupal 6.
When I first put the menu in the navigation block the submenu did not show up under the menu but to the side. I instead moved it to the header block and it works fine in FF, IE7 and Safari. It's just that I can't style it in IE7.
You can check for yourself here: http://www.vastligan.se/
My problem now is that I've tried so many things that my stylesheet is a bit of a mess and I've dug myself into a hole and can't see what I'm doing anymore.
These are styling FF but IE just ignores them:
.block-inner a {
background:#880000 none repeat scroll 0 0;
padding: 10px 5px 13px 5px;
/*margin-top: 10px;*/
text-decoration:none;
font-weight: bold;
}
.block-inner a:link {
color:#FFFFFF;
}
.block-inner a:visited {
color:#FFFFFF;
}
.block-inner a:hover {
background:#aec8f4 none repeat scroll 0 0;
color:#000000;
}
.block-inner a.active {
background-color:#000;
color:#ffffff;
}
.block-inner .dynamic-persistent-menu-menu li{
margin: -2px;}
.block-inner .dynamic-persistent-menu-sub-menu-item a{
background:#fff none repeat scroll 0 0;
color:#000;
padding: 5px 5px 5px 5px;
/*margin-top: 10px;*/
text-decoration:none;
font-weight: bold;
}
.block-inner .dynamic-persistent-menu-sub-menu-item a:link {
color:#000;
}
.block-inner .dynamic-persistent-menu-sub-menu-item a:visited {
color:#000;
}
.block-inner .dynamic-persistent-menu-sub-menu-item a:hover {
color:#880000;
}
.block-inner .dynamic-persistent-menu-sub-menu-item a.active {
color:#880000;
}
You've got the website url. Maybe you can see the glaring mistakes. I've gone blind from staring at it for too long.
Any help you can give is greatly appreciated. :)