CSSMenu doesn't work in IE...?

[18thTomorrow]

Hi,
I'm wondering if you can help me with a CSSMenu problem.
Here is the site: http://harvestopc.org

Menu functions great on all mac browsers, Mozilla/Firefox, etc. but it's spotty on IE. Some computers it does, some it doesn't.

I'm running version CMSMS Version 'Canary' (recently upgraded from the previous release). I'm trying to get some specs out of the IE users affected (what version they're using, etc.) but so far no information.

If you need more information about the problem, please let me know.
Or is there an alternative menu system I can use? I prefer not to use tables, but if that's what it will take, i'll do it reluctantly. I'm just sick of dealing with irate IE users.

Thanks so much.
britt

[Greg]

Look here

[izzysanime]

Hi, ive been struggling to get this to work myself.  I have that IE IF code.  I did actually need to change it to MenuManager, instead of menumanager.  But does not work.  I try to go directly to the JS file, for some reason it wants to download it, instead of running it in the browser, but i dont know that much about JS.  It also, when i download it, after it does that it gives me a runtime error.  "line 11, char 1, windows is undefined." does that help, or make sense?

My site is http://www.wareriver.com

thanks
Josh

[Dr.CSS]

IE may be choking on this... and you may want to put the IF statement at the top of your template like under the title, you have other JS in there that maybe hijacking the window:onload function before the IF can start...

body,td,th {
font-size: 12px;
font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #666666;
}




.NewsSummary {
    margin-bottom: 10px;
    margin-right: 15px;
margin-left: 3px;

}

[izzysanime]

hey, thanks for pointing out that stupid little css mistake.  ^_^.  umm, i moved it up, that unfortunately did not help, i aslo removed all of the js code in the head (from the global content) that did not help.  any other ideas?  Maybe ill make a flash menu, but do you happen to know of a tutorial or something like that on when that can be generated dynamically, like the css menu?


thanks
Josh

[Dr.CSS]

you could try giving your menu_vert some CSS maybe some height, since your menu drops down inIE but as soon as you move down from the very top edge to get to the dropdowns they disappear...
you have nothing for menu_vert in the CSS...

[izzysanime]

i never seen it drop down at all, you cant even click on the main buttons.  ie. about me, resume, contact.  its supposed to be the css menu horiz

Josh

[izzysanime]

ooooo ic,  i should just give the css menu some height.  ok, ill try that

thanks, i hope this works

[izzysanime]

i dont see a "meun_vert", is there something specific i should change it to? 

thanks
Josh

[Dr.CSS]

it's in your template but not in your CSS, can be added to any one of your CSS files...    menu_vert{height:20px} may be a good start, as that is how tall your menu is, i can add it from my end, using Firefox with the Web Dev. ext., but can't test it in IE :.




     

       

<a href="http://wareriv

[izzysanime]

ok, i added that to the css.  it shows up in the css, but it still does not work in IE. 

thanks
Josh

[Dr.CSS]

sorry the last post i forgot :.....

#menu_vert{height:20px}

[izzysanime]

still, nothing

[izzysanime]

ok, i checked it out, i got rid of most of them, the rest i cant since it is JS from my tracking script.  I just copied what it said.  so, now its down to 8.  Also, thanks, i got the overlapping of the breadcrumbs on the menu gone. 

The menu still no work in ie

[GregC]

izzysanime,

Looks like your site still does not work on IE (I tried Mac IE 5.2).  I just fixed my site by 'updating' the CSSMenu.js file.  Check the content of your CSSMenu.js file.  I'm guessing that you are using the CSSMenu.js file at: http://wareriver.com/modules/MenuManage ... u.js.&nbsp; I don't believe this file will ever work for you.  Only because the CSSMenu.js at /modules/CSSMenu/CSSMenu.js on my install has completely different content.  You don't appear to have a modules/CSSMenu/ directory in your install. 

Note below what fixed my install fo IE Windows.  My .js file was apparently incomplete.  I hijacked the version below from a site that I found where CSSMenus worked with IE.


CSSMenu.js BEFORE:
------------------
function IEHoverPseudo() {

        var navItems =
document.getElementById("primary-nav").getElementsByTagName("li");

        for (var i=0; i<navItems.length; i++) {
                if(navItems.className == "menuparent") {
                        navItems.onmouseover=function() { this.className += "over"; }
                        navItems.onmouseout=function() { this.className = "menuparent"; }
                }
        }

}
window.onload = IEHoverPseudo;



CSSMenu.js AFTER:
------------------
grabbe from: http://www.ibbs.co.nz/modules/CSSMenu/CSSMenu.js
******************************

function IEHoverPseudo() {

        var navItems =
document.getElementById("primary-nav").getElementsByTagName("li");

        for (var i=0; i<navItems.length; i++) {
                if(navItems.className == "menuparent") {
                        navItems.onmouseover=function() { this.className += " over"; }
                        navItems.onmouseout=function() { this.className = "menuparent"; }
                        navItems.getElementsByTagName("a")[0].onfocus=function() {
this.className += " over"; }
                        navItems.getElementsByTagName("a")[0].onblur=function() {
this.className = "menuparent"; }
                }
        }

}
window.onload = IEHoverPseudo;

---------------
Note the additional two lines.

HTH