Problems with IE on Mac

[stephank]

Hello List

I know this is the last browser probably people in here care about. Our clients do care about it... so we have to dig out an alternative. I wanted to double check if any one in here knew the workarounds or which lines in my code creates issues in IE for Mac. I have version 5.2 on my computer here and the drop downs show up, when you roll over them they disappear. Weird!

Any insights or IE MAC complaints welcome!

thanks

stephan

Here is my code:

----------------------------

_menuCloseDelay=200;
_menuOpenDelay=80;
_subOffsetTop=-200;
_subOffsetLeft=-200;




with(submenuStyle=new mm_style()){
margin=0
fontfamily="Trebuchet, Trebuchet MS, Sans-Serif";
fontsize="13px";
fontstyle="normal";
fontweight="bold";
offbgcolor="#ffffff";
offcolor="#0d3875";
onbgcolor="#d4e1ee";
oncolor="#0d3875";

overfilter="Fade(overlap=0.50, duration=0.2)";
outfilter="Fade(overlap=0.50, duration=0.2)";
padding=5;
separatorcolor="#ffffff";
separatorsize=0;
subimagepadding=10;
itemwidth=170;
offclass="subborder";
onclass="subborder";
rawcss="padding-left:7px;";

}


with(menuStyle=new mm_style()){
bordercolor="#ffffff";
borderstyle="solid";
borderwidth=0;
margin=0
fontfamily="Trebuchet, Trebuchet MS, Sans-Serif";
fontsize="13px";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#ff0000";
image="square_dust.gif";
imagepadding=0;
imagewidth=7;
imageheight=11;
imagealign="left";
offbgcolor="#ffffff";
offcolor="#0d3875";
onbgcolor="#ffffff";
oncolor="#0d3875";
outfilter="Fade(Overlap=1.00)";
overimage="orangeArrow.gif";
image="blankArrow.gif"
padding=4;
pagecolor="#0d3875";
pagebgcolor="#ffffff";
separatorcolor="#ffffff";
separatorsize=1;
subimagepadding=8;
styleid=1;
rawcss="padding-right:10px;";

}







with(mainMenu=new menuname("home")){
menuwidth="100%";
menualign="center";
alwaysvisible=1;
orientation="horizontal";
position="relative";
margin="0";
align="center";
openstyle="down";
style=menuStyle;
aI("showmenu=0;text=Home;url=home.html;");
aI("showmenu=action;text=Taking Legal Action;");
aI("showmenu=policy;text=Shaping Policy;");
aI("showmenu=publications;text=Publications;");
aI("showmenu=mediaCenter;text=Media Center;");
aI("showmenu=getInvolved;text=Get Involved;");
aI("showmenu=donate;text=Donate;");
aI("showmenu=events;text=Events;");
}

with(mainMenu=new menuname("action")){
openstyle="down";
style=submenuStyle;
top="offset=2";
aI("text= Investigating Failures;url=home.html;offbgcolor=white; offcolor=pink; onbgcolor=blue; oncolor=green;");
aI("text= Proving the Case;url=blank.html;offbgcolor=white; offcolor=pink; onbgcolor=blue; oncolor=green;");
aI("text= Making it Stick;url=blank.html;offbgcolor=white; offcolor=pink;
onbgcolor=blue; oncolor=green;");
aI("text= Cases;url=blank.html;offbgcolor=white; offcolor=pink; onbgcolor=blue; oncolor=green;");
aI("image=roundCorners_180px.gif;type=header;itemheight=5;
offclass=subborderend;onclass=subborderend;
offbgcolor=transparent; onbgcolor=transparent;offcolor=transparent;
oncolor=transparent;");
}

with(mainMenu=new menuname("policy")){
openstyle="down";
style=submenuStyle;
top="offset=2";
aI("text= policy 1;url=blank.html;");
aI("text= policy 2;url=blank.html;");
aI("text= policy 3;url=blank.html;");
aI("text= policy 4;url=blank.html;");
aI("text= policy 5;url=blank.html;");
aI("image=roundCorners_180px.gif;type=header;itemheight=5;
offclass=subborderend;onclass=subborderend;offbgcolor=transparent;
onbgcolor=transparent;offcolor=transparent; oncolor=transparent;");
}

with(mainMenu=new menuname("publications")){
openstyle="down";
style=submenuStyle;
top="offset=2";
aI("text= publications 1;url=blank.html;");
aI("text= publications 2;url=blank.html;");
aI("text= publications 3;url=blank.html;");
aI("text= publications 4;url=blank.html;");
aI("text= publications 5;url=blank.html;");
aI("image=roundCorners_180px.gif;type=header;itemheight=5;
offclass=subborderend;onclass=subborderend;offbgcolor=transparent;
onbgcolor=transparent;offcolor=transparent; oncolor=transparent;");
}

with(mainMenu=new menuname("mediaCenter")){
openstyle="down";
style=submenuStyle;
top="offset=2";
aI("text= Media Center 1;url=blank.html;");
aI("text= Media Center 2;url=blank.html;");
aI("text= Media Center 3;url=blank.html;");
aI("text= Media Center 4;url=blank.html;");
aI("text=vMedia Center 5;url=blank.html;");
aI("image=roundCorners_180px.gif;type=header;itemheight=5;
offclass=subborderend;onclass=subborderend; offbgcolor=transparent;
onbgcolor=transparent;offcolor=transparent; oncolor=transparent;");
}


with(mainMenu=new menuname("getInvolved")){
openstyle="down";
style=submenuStyle;
top="offset=2";
aI("text= getInvolved 1;url=blank.html;");
aI("text= getInvolved 2;url=blank.html;");
aI("text= getInvolved 3;url=blank.html;");
aI("text= getInvolved 4;url=blank.html;");
aI("text= getInvolved 5;url=blank.html;");
aI("image=roundCorners_180px.gif;type=header;itemheight=5;
offclass=subborderend;onclass=subborderend;offbgcolor=transparent;
onbgcolor=transparent;offcolor=transparent; oncolor=transparent;");
}

with(mainMenu=new menuname("donate")){
openstyle="down";
style=submenuStyle;
top="offset=2";
left="offset=-70";
aI("text= donate 1;url=blank.html;");
aI("text= donate 2;url=blank.html;");
aI("text= donate 3;url=blank.html;");
aI("text= donate 4;url=blank.html;");
aI("text= donate 5;url=blank.html;");
aI("image=roundCorners_180px.gif;type=header;itemheight=5;
offclass=subborderend;onclass=subborderend;offbgcolor=transparent;
onbgcolor=transparent;offcolor=transparent; oncolor=transparent;");
}


with(mainMenu=new menuname("events")){
openstyle="down";
style=submenuStyle;
top="offset=2";
left="offset=-107";
aI("text= events 1;url=blank.html;");
aI("text= events 2;url=blank.html;");
aI("text= events 3;url=blank.html;");
aI("text= events 4;url=blank.html;");
aI("text =events 5;url=blank.html;");
aI("image=roundCorners_180px.gif;type=header;itemheight=5;
offclass=subborderend;onclass=subborderend;offbgcolor=transparent;
onbgcolor=transparent;offcolor=transparent; oncolor=transparent;");
}

drawMenus();

[stephank]

the problem was the global offset Submen property was still set to -200...

[Ruth]

See your other post to fix how you have placed the menu in a table. That will also cause problems, particularly with IE Mac.

To reiterate, it needs to be placed as the directions say because the submenus must be built first, before the main menu.

Ruth

[stephank]

It stopped working again. When you rollover the menu the submenus are in place, the moment I try to roll over the submenus they move 200 pixels to the right and then disappear...

weird? Any ideas?

http://www.momovilaitanarak.com/_cr/home.html
http://www.momovilaitanarak.com/_cr/js/menu_data.js

Thanks

stephan

[stephank]

I didn't see your reply! Thanks for your help!

I added the main.js and called it where I used to call the menu_data.js.

Your suggestions about the transparency worked like a charm! Perfect!

The menu in IE Mac is still not working though. I think I am calling the .js files right.

http://www.momovilaitanarak.com/_cr/home.html
http://www.momovilaitanarak.com/_cr/js/menu_data.js
http://www.momovilaitanarak.com/_cr/js/main.js

Thanks

Stephan

[Ruth]

Hi Stephan,

The problem is you put ALL the menus into the main.js file. Only put the main menu, the home menu in that file. Leave the menu_data.js as it is, plus put the submenus back in it and put a drawMenus(); back at the end of it. Then in your main.js just leave the main menu and another drawMenus(); at the end of that.

The file with the submenus and styles in it needs to be called first, all those menu need to be built [read by the browser] first, then the main menu gets read because it is in a different file that gets loaded/called by the browser after it reads the menu_data.js file.

Ruth

[stephank]

Great. It works. Thank you very much for you help.

Stephan