I'm using the Litejazz theme with suckerish menus, and the menu blows up in Internet Explorer 7 when viewing pages that display the embedded Gallery2 main page or any page with a gallery block. Things look fine in Safari (Mac) or Firefox (Mac/Win) on the same pages, but when viewed in IE7, the suckerfish menu "unwraps" and displays vertically down the left side of the page. I'm running Drupal 6.9 with Litejazz 1.7 and Suckerfish menus enabled.

You can see examples at:

http://www.utahnordic.com -- home page, should look fine
http://www.utahnordic.com/gallery -- example of embedded gallery problem

I spent some time today troubleshooting with IE7 by disassembling a local copy of the HTML until I could get the page to display more or less correctly. What I found is that if I remove the first 2 links to css stylesheets, the suckerfish menu displays intact. In the local source, these two lines look like this:

Removing one or the other doesn't do the trick; they must both be removed. I thought to rename the css files on the server, but 'main.css' seems to be assembled in code. IE gives it that the 'main.css' name when it saves the web page locally, but the actual source looks like this:

Anyone have ideas about where to go from here? I'm not sure how to disable that first stylesheet, or if that's even the best workaround. Happy to provide more info if useful.

In general, the embedded gallery implementation is working quite well, but this IE7 layout problem is a real pain.

Comments

dave bruns’s picture

dave bruns commented

Just noticed that drupal stripped the stylesheet entries I referred to above. Here they are:


<link rel="stylesheet" type="text/css" href="/gallery2/main.php?g2_view=imageframe.CSS&amp;g2_frames=none"/>
<link rel="stylesheet" type="text/css" href="/gallery2/modules/core/data/gallery.css"/>

I can disable the gallery.css stylesheet by renaming the file on the server. Anyone know an easy way to disable the first stylesheet, or have suggestions about how to troubleshoot the problem in general?

dave bruns’s picture

dave bruns commented

Update: I enabled the "Optimize CSS" performance option in Drupal and this solved the problem. It's really just a partial fix, because if I disable that option for any reason the IE display issues will return, but at least it fixes things for now.