Primary Superfish menu displays vertically in IE7

Looks like you have made a lot of modifications, by default it works just fine in IE6, IE7 and IE8 beta. See the screenshot in IE7.

You'll need to work through the modifications you made, somewhere something is going wrong.

Apollo610,

Good sleuthing. I don't know how you figured that out. I tested and it is the same for me. Only views/pages that allow comments cause the menu to stack vertically. "Pages" which by default in Drupal don't allow comments have a perfectly normal menu displayed.

Another variable for me is that this display issue didn't pop up (no pun intended) until recently. I had some menu alignment issues but not like this. The time sensitive changes I made to the site include the installation of Secure Pages module (to work with my new SSL cert) and the Image module. I have read in the Secure Page forums that some folks have issue with https pages in IE. Don't know if that is playing a role.

Concerning your mini-rant - I'm new to the Drupal world and have been doing all my work in Firefox in Mac. Needless to say once my biz partner started making me aware of the IE issues and once I started reading forums and seeing, even within Pixture Reloaded files, the phrase "IE bug fix" I became even less of a fan of IE and most things MS than I was before. Any dues to your club membership or just proof of trial by IE fire?

jmburnz,

I did do some customizing. I replaced the header graphics: header.png, bg-header.png and sf-hover-tile.png. The layout customization I made was in removing the right margin of the logo (the left boundary of the menu is actually just part of the logo image). My style customizations were in changing the colors of the primary/superfish menu's.

I agree with Apollo 610. Wonderful theme.

If revelations or epiphanies occur, keep me posted.

snepa

jmburnz,

Mine is www.kilboa.com

Thanks for looking into it.

snepa

z-index would only apply if the menu is going *behind* something (common with flash etc). What both you are seeing is SF loosing all its styling completely (from what I can see).

I would be looking to see if the all the stylesheets are actually loading, and if there are more than 31 stylesheets.

snepa - you're aggregating the stylesheets so I cant look at the CSS as a whole file, I can dig around with Firebug but its easier if we can read the entire sheet. BTW - you site has no style at the time I looked, seems there may be a general issue with the loading of stylesheets in general.

Maybe it was a temp issue with the server? Not sure, but i looked in both IE and Fx and certainly the style.css file was not loading - if you're not seeing this anymore then I perhaps wouldn't worry so much about it, esp if you are redesiging and things are going well.

The header design on PR is not for the faint heared, its pretty tricky how it all fits togeather etc - notice how it never breaks, no matter what combination of options you have enabled, such a search box, logo, menus, site title and/or name etc etc. The html and css is therefor rather complex in order to support this, and does make it harder to customise.

IE6 displays the first and the last entry of the primary links vertical...the middle entries are fine. Firefox 3.0 no problem.

Never seen that - the theme is well tested in IE6 (junkware dinosaur that it is...), and can't even visualise what you mean actually.

I am using quite a few modules from i18n to fckeditor...but absolutely not programming.

Maybe not your own code, but certainly a lot of additional stuff going on - have you tried disabling module to see if the problem fixes itself?

If you look at the test site the rendering is practically flawless in IE6 and 7. You need to look at what you have modified in the theme or otherwise.

The problem looks like something is messing with the .first and .last classes, it'll be a module or a mod you made to the CSS. Use Firebug to track it down, probably a width set such as....

.first, .last {width: 40px;} or something like that.

Probably related: my site http://evolectronica.com shows the last menu item (Help) vertically in IE7 when the window is made very narrow. I have not tweaked any css or javascript for the menus. Thanks x10e6 for the GREAT theme though. I would not even know where to start doing the CSS properly for so many browsers etc.

I got the superfish menus to work in IE6 and IE7 by playing around with the z-index in style.css. Thx...

@bluemango - the path for the customized style.css that the theme makes and uses should be in sites/default/files/color/pixture_reloaded-* ... the z-index would be a value set for the class/IDs that are affected by the overlapping.

Regarding this problem - there's a new module out that should eliminate the problem where IE is loading only the first 30 CSS files in a given project (which is probably what's happening to many of us). Just install and enable and you should be all set.

Hope this helps.

I have the same problem: The superfish menu appears vertically, only on IE and only on pages with comments enabled (wheter comments have been posted or not)

It just started 2 days ago and i have no idea what provoked it.

All I know is modifying the z-index and adding the Unlimited CSS didn't solve my problem.

Any one found a solution?

Thanks!

Ie 6 can only handle a certain number of stylesheets so I wonder if the css optimization might sort this for othe people too?

The Unlimited CSS module is good for development, but for production sites just turn on CSS aggregation unless you can't (such as if you are using private download method), in which case going with the module is the next best thing.

Note that in Drupal 7 these issues have been solved completely.

I have a similar problem with pixture reloaded together with advanced forum. Nacked Style is fine, but with all other styles the menu turns vertically (IE 7) or even almost the whole theming breaks down (IE 8)... does anybody know a solution?

Thanks