I'm not sure if I'm the only one with this problem but this Module does not seem to work well in IE7. Looks ok in Firefox, Safari and Opera but in IE the content underneath the tabs get squished to the right as opposed to appearing directly underneath. I originally thought it was a problem with my wysiwyg setup (testing wysiwyg pro), but was able to replicate the problem with a fresh Drupal 5.7 install and no rich text editors. If it is in fact an IE problem, I'm sure I'm not the first to find this problem as other developers must have cross browser tested this before me. If that's the case, I'm sure this description will suffice. If it's not the case, and it's just me, I'll be happy to explain more and perhaps attach a screenshot.
Comments
Comment #1
nedjoI believe this issue is theme-specific and has to do with the presence or absence of a clearing element.
Comment #2
rjdempsey commentedI have the same problem in all themes I've tried including zen and garland. I don't know what a clearing element is, but I'll look it up. Thanks.
Comment #3
alex ua commentedI want to confirm the same issue is happening on another site using the Zen theme: the active menus don't work at all.
Comment #4
alex ua commentedActually, I'm revising my report. The behavior doesn't work when you click on the +, nor does it work if you click on any part of the menu after the first letter, but if you click on the first letter it works as it should.
Could this be a CSS issue?
Comment #5
nedjoThe Javascript uses a complex approach to determine if the icon has been clicked. The icon is a bullet, so it is the li element that is in fact clicked. But we can't respond to all clicks, since some are legitimate hyperlink clicks for loading the menu item's page. Instead, we detect the relative location of the click. And this approach, evidently, is very much dependent on theming and on browser peculiarities.
I'd welcome any insight on just why this isn't working in IE.
Comment #6
PixelClever commentedOne thing I have noticed by using the developer toolbar for ie is that for some reason the LI tags in the second menu block on any given column in a css based theme have no clickable dimensions. It is almost as if the first ul is somehow passing some undesired properties down to the next list.
If you want to see a site where this is happening you can visit http://estlund.info
Comment #7
PixelClever commentedSo is it that a clearing element interferes with the module, or is there a div we need to add a clear to?
Comment #8
PixelClever commentedI am offering a bounty of $150 to whoever can fix this issue for ie in activemenu. The solution can be a css work around or an update to the module, however the fix must not cause problems for other browsers.