Problems with IE on Mac

Poster: stephank
Dated: Friday September 2 2005 - 17:41:11 BST

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();

never mind! I got it to work!!!

Poster: stephank
Dated: Friday September 2 2005 - 17:46:42 BST

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

Poster: Ruth
Dated: Friday September 2 2005 - 18:20:36 BST

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

:?: - doesn't work again?

Poster: stephank
Dated: Friday September 2 2005 - 19:07:18 BST

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

thanks ruth!

Poster: stephank
Dated: Friday September 2 2005 - 19:28:05 BST

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

Poster: Ruth
Dated: Friday September 2 2005 - 19:33:06 BST

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

Perfect!

Poster: stephank
Dated: Friday September 2 2005 - 19:42:14 BST

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

Stephan