Page 1 of 1

CSSMenu doesn't work in IE...?

Posted: Sat Jul 08, 2006 4:09 pm
by 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

Re: CSSMenu doesn't work in IE...?

Posted: Sat Jul 08, 2006 4:21 pm
by Greg
Look here

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 3:01 am
by 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

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 3:24 am
by 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;

}

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 3:38 am
by 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

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 3:58 am
by 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...

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 4:03 am
by 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

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 4:04 am
by izzysanime
ooooo ic,  i should just give the css menu some height.  ok, ill try that

thanks, i hope this works

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 4:12 am
by izzysanime
i dont see a "meun_vert", is there something specific i should change it to? 

thanks
Josh

Re: CSSMenu doesn't work in IE...?

Posted: Sun Jul 09, 2006 1:20 pm
by 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

Re: CSSMenu doesn't work in IE...?

Posted: Mon Jul 10, 2006 12:13 am
by izzysanime
ok, i added that to the css.  it shows up in the css, but it still does not work in IE. 

thanks
Josh

Re: CSSMenu doesn't work in IE...?

Posted: Mon Jul 10, 2006 1:47 am
by Dr.CSS
sorry the last post i forgot :.....

#menu_vert{height:20px}

Re: CSSMenu doesn't work in IE...?

Posted: Mon Jul 10, 2006 2:23 am
by izzysanime
still, nothing

Re: CSSMenu doesn't work in IE...?

Posted: Wed Jul 12, 2006 9:33 pm
by 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

Re: CSSMenu doesn't work in IE...?

Posted: Mon Sep 18, 2006 1:38 am
by 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