Internet Explorer Trashes Menus

  • smillerd

    #6522

    I used Graphene Theme for a site, all works great, really like the theme. However, when I pull the site up with IE 8 or 9 (maybe all of IE, have’nt looked at older versions.) it trashes the menus and dropdowns. Color is changed dramatically – makes a mess of it.

    How can this be fixed?

    I’m more of an artist, not a programmer (I do know how to copy and paste:-).

    Any help or direction would be most helpful.

    Steve

    Prasanna SP

    #34679

    Except IE10, Internet Explorer does not fully support gradients, or CSS3 in general. So, if you want a perfect menu in IE, you may need to use images as menu background. I would rather live with modern technology and ignore legacy browser compatibility.

    Moved to Support. Please post in the correct section next time.

    smillerd

    #34680

    Prasanna, thanks for the reply. The problem is the site is an art club, many members have old browsers. Is there no middle ground? I’m after a perfect menu, but what I’ve seen with IE is not even close.

    Any way to get closer or at least usable?

    Thanks,

    Steve

    smillerd

    #34682

    I visited another Graphene Themed site, using Internet Explorer and it displays the gradients fine. Why does it display correctly (www.irvingart.org) and this one does not? (www.swswatercolor.org)

    Thanks again for any insight.

    Steve

    Prasanna SP

    #34683

    The above site you mentioned does not use gradients. It uses the sprite image which comes with the theme for the menu background.

    Mod

    Kenneth John Odle

    #34684
    Quote:
    many members have old browsers

    There are many free browsers out there which are better than Internet Explorer: Firefox, Chrome, Opera. Even Maxthon shows the gradients in your menu correctly.

    Keep in mind that the longer you hold on to an old browser, the more vulnerable you are to security threats. That is reason enough to upgrade right there.

    smillerd

    #34685

    Thanks Prasanna. So how do I use a graphic image? Where in WP can I tell the theme to use this option?

    This is not my site, I’m just trying to please the owners.

    Thanks again.

    Steve

    smillerd

    #34686

    So, what has to change to use sprites instead of Gradients? I’ve seen the images you mention, but don’t know how to get IE to use the Sprites instead of trying to use the gradients in the CSS.

    Any little bit of direction would sure help.

    thanks,

    sm

    smillerd

    #34687

    Greetings,

    Is it possible for anyone to point me in the correct direction as how to use images instead of Gradients? I have googled it and keep coming up with the same few post that don’t explain the very basics of how to get a browser to use images instead of gradients.

    I have looked around in the wp folders, I see the sprites that are there now (but apparently not being used?). I know how too change the colors, etc. in Photoshop. The disconnect with me is how do I get my graphene theme to use sprites.

    I agree with all of the statements that IE is trash…but, many of the users to this site are older and simply will not get away from IE. It’s simply a “bridge too far” for them.

    Any direction would be most appreciated.

    Thanks,

    sm

    smillerd

    #34688

    I am looking at “style.css” and under this section “/* Top leverl header menu, hover and current state */” it starts with this:

    #header-menu > li:hover,

    #header-menu > li:current-menu-item,

    #header-menu > li:current-menu-ancestor {

    background: url (images/sprite_h.png) left -300px repeat-x #eee;

    }

    Why is the sprite not being used on the menu?

    sm

    Mod

    Kenneth John Odle

    #34689
    Quote:
    Is it possible for anyone to point me in the correct direction as how to use images instead of Gradients?

    Good explanation here:

    http://www.w3schools.com/css/css_background.asp

    Quote:
    Why is the sprite not being used on the menu?

    Because IE is crap. But, try dumping your browser and server caches.

    smillerd

    #34690

    Thanks much for the reply. I understand IE is crap. I really do. But the folks who own the site don’t give a rip about IE being crap. Most of them will not change.

    I don’t think I’m asking the right right question. I’m have used the Graphene options panel to create menu gradients. I want so see the CSS that controls menus. I can’t find it anywhere. What am I missing?

    All I’m seeing is reference to the sprites, which are not being used. The gradients defined in the options panel are being used.

    Where are the Gradients that are being used listed in the Style.css? I’m simply trying to understand how the Menus are being controlled.

    sm

    Mod

    Kenneth John Odle

    #34691
    Quote:
    Most of them will not change.

    And my thought is, if you want to ride a horse and buggy, you can’t expect to have air-conditioning and a cd player. I know this is frustrating, but at some point I gave up trying to make things work for people using ancient browsers. If they won’t upgrade, so be it.

    Quote:
    I’m have used the Graphene options panel to create menu gradients.

    If you use those options, they will override the default css. You’ll need to clear those options in order to see the default css be displayed. (The “C” in “CSS” means cascading, so whatever get applied last is what you see. The Graphene color options is what you see last if you use your browser’s “View Source” option.)

    Quote:
    I want so see the CSS that controls menus. I can’t find it anywhere.

    Take a look at the default Graphene style sheet. It is well-commented, so you should be able to find what you are looking for. (A caveat: menus can be complicated.)

    Have you tried clearing the browser cache? And have you tried installing Firebug, which is what every web developer needs. Using Firebug will answer just about every question you’ve asked here. Josh has a good tutorial here:

    http://www.joshlobe.com/2011/10/using-mozilla-firebug-to-inspect-css-files/

    smillerd

    #34692

    Thanks for the reply. I actually do understand what the “C” in CSS stands for :-), but what I missed was the <inline style sheet #13>. It is what I was looking for.

    So, I need one more bit of clarity…. if I use the Default Graphene settings for menus, etc., “style.css” it will control the look of the header menus, since it references the sprites, background color, etc. And will sprites work with that other browser like thing from Microsoft?

    Is that correct or have I lost my ball in the weeds again?

    Thanks again,

    sm

    Mod

    Kenneth John Odle

    #34693
    Quote:
    if I use the Default Graphene settings for menus, etc., “style.css” it will control the look of the header menus, since it references the sprites, background color, etc

    Yes, unless you are using a child theme, Graphene Options, or Custom CSS.

    Quote:
    And will sprites work with that other browser like thing from Microsoft?

    It should, but no guarantees. This partly depends on which version of MSIE someone is using, what browser settings they are using, what Windoze settings they are using.

    Making MSIE (whichever version, especially IE6-IE9) behave like a real browser is, at best, a pipe dream. I tell clients that things simply won’t look the same in MSIE, just the same way that things cooked in a microwave oven don’t taste the same as things cooked in a real oven.

Viewing 15 posts - 1 through 15 (of 19 total)

You must be logged in to reply to this topic.