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

CommentFileSizeAuthor
#3 dsm_ie7_438318.patch946 bytesyrocq

Comments

holeyhippiegeek’s picture

Priority: Normal » Critical

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.

feuillet’s picture

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...

yrocq’s picture

Assigned: Unassigned » yrocq
StatusFileSize
new946 bytes

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 ?

yrocq’s picture

Status: Active » Needs review
feuillet’s picture

I would, but i don't know how to add patch files... :(

yrocq’s picture

erynsidhe’s picture

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.

yrocq’s picture

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 ?

erynsidhe’s picture

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. :)