Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
ADOBE DREAMWEAVER:HomeDreamweaver ForumDreamweaver TutorialsFAQAdobe FlashWeb Design

More issues with Spry horizontal menus in IE

COW Forums : Adobe Dreamweaver

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook
Mary StewartMore issues with Spry horizontal menus in IE
by on Aug 4, 2012 at 8:27:15 am

Hello - I would really appreciate some help figuring this one out - it has had me perplexed for days...close to a week and I have yet to find any other posts of someone having a similar problem. As always the page shows properly in Firefox, and Opera, etc... However, when it comes to IE9 The spry menu is on the wrong side of the page, the color is all wrong, the text doesn't show until it is hovered over or clicked.
I have validated the page - the only issue it is having is with my graphics place holder.
I have added the:
ul.MenuBarHorizontal li ul li{
clear: left;
float: left;
}
that has been suggested to many others. I am at a loss.
I have made other small changes that I noticed were suggested to a lot of folks and nothing seems to be working.
Oh website would help -
http://www.lgprint.net
It's still very much a work in progress, but I don't want to move forward until I get this part fixed. Thanks in advance for any and all suggestions!


Return to posts index
Reply   Like  

Norman GreenwoodRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 5:15:04 am

Not sure if it would matter, but you should try using something like AllWebMenus Pro, not sure that it works on IE9 though...

Have you tried IE8 or IE7? If it works there you can add some code to your tag to make it compatible and try it that way in IE9.


Return to posts index
Reply   Like  

Norman GreenwoodRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 6:10:32 am

You may have already done so, but check this out as it addresses this: http://library.creativecow.net/articles/williams_richard/spry_menu_explaine...


Return to posts index
Reply   Like  


Mary StewartRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 6:52:30 am

Hi Norman!
Thanks for the reply. I do not have IE 7 or 8 installed on any of the computers in the house. Are they even still available for downloading? I checked out the article & will work my way through some of the suggestions there - but most of them I have already tried and failed. I haven't worked with AllWebMenus Pro before - something else I will have to look into. I may just scrap the whole menu and start all over... That's one of the few things I have not tried yet. Thanks for the suggestions, I will let you know if they work!


Return to posts index
Reply   Like  

Norman GreenwoodRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 6:59:45 am

Try this: http://webdesign.about.com/od/internetexplorer/qt/force-compatibility-view-...

Then make sure you have Chrome installed. Then download the IE tab Chrome extension. Once installed, write click on it (should be to the right of your URL bar) and click options. At the bottom-right corner, you can set it to IE7, IE8, or IE9. Check and see how it shows in IE7 compatibility mode (if you don't have IE8 it won't work to try that version).


Return to posts index
Reply   Like  

Mary StewartRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 5:19:58 pm

Hello again Norman!
Tried the IE Chrome approach & IE7 is still screwing up the navigation on the site. I have tried the approaches from the last article you posted to no avail. I've always disliked IE, but now I'm really beginning to despise it all together! Ugh - If I don't get it up and running in the next few days - I'm going to scrap the navigation and start from scratch and see if that comes out any better. Any other suggestions? Thanks again for your assistance. I'm off to beat my head against a brick wall.


Return to posts index
Reply   Like  


Mary StewartRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 5:20:35 pm

Actually IE7 makes it even worse to where the drop down menus are horizontal instead of a verticle display.


Return to posts index
Reply   Like  

Norman GreenwoodRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 6:20:53 pm

IE shall remain a bane to website developers' existences.

I've been reading a lot of articles on IE issues, and some are similar to your situation.

I'm personally not a huge fan of spry menus, I only use them if absolutely necessary.

Check if there are any settings set to auto, and put actual values into them. This thread may also help a bit: http://forums.creativecow.net/thread/191/857297

If that doesn't work, definitely look into AllWebMenus Pro, you won't regret it. Very easy to setup and use, and will save you SO MUCH time. Just be sure to make sure it works on Safari, it can have some issues I noticed.


Return to posts index
Reply   Like  

Mary StewartRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 7:17:12 pm

Hi Norman!
The first one that is set to auto is ul.MenuBarHorizontal - when I do put a the standard values of 7.5 - 8.2 in to that one it makes the entire menu a vertical on all of the web browsers. I have values for just about all of the others. Except for
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
That one is set by Dreamweaver "to auto so it comes onto the screen below its parent menu item" I'm not sure what settings I would change that one to.
I checked out the article that you suggested & I already had that info covered. I have the width in ul.MenuBarHorizontal ul set to 7.5em. Ugh ready to kill IE - & halfway tempted to just throw a huge banner at the top of the site stating to not use IE for this site & just avoid it all together. Not that I would ever do such a thing, but it is soooo tempting!


Return to posts index
Reply   Like  


Norman GreenwoodRe: More issues with Spry horizontal menus in IE
by on Aug 12, 2012 at 7:35:36 pm

IE is horrible, but don't fret. I'll check on your code a bit later and see if I can change anything while inspecting elements in FF or Chrome (using the IE tab).

No promises as these things can take hours, I know it does for me at times.

It seems the sole purpose of your spry is for the drop-down of just Services. You can go about this in a few different ways I suppose:

1) Here is a free CSS drop-down generator (compatibility with IE): http://purecssmenu.com/

2) This apparently has IE8 compatibility: http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) If you want to keep the spry menu, but redo it, try this: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

4) Here's another version of a drop-down menu: http://www.dynamicdrive.com/dynamicindex1/flexdropdown.htm

5) Simply create a main Service page with a side (sub) menu of all the options.


Return to posts index
Reply   Like  

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2013 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]