Weird IE behavior on first menu item

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:50

Weird IE behavior on first menu item

Poster: imattjc
Dated: Wednesday November 1 2006 - 1:42:27 GMT

I am having a weird behavior only on IE (actually, I haven't tried IE 7 yet), but not FF or Safari. When rolling over the first menu item, things get very strange. However, it works fine for all the other menu items. Takes a reload to return to normal.

http://ip.integreat-dev.com

1) I am using an off function, because the menu will overlap a flash movie (not yet in place), and there is weird interaction with Safari, Flash, and the menu, so when you rollover the menu, the movie is hidden and replaced with a static image. Roll off, and the movie is restored.

2) I have 2 menus in place because we want the color effect and stretching as it appears.

3) ANY advice is greatly appreciated. I am very new to this and want to make sure this works....

Code:

fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=100;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(menuStyle=new mm_style()){
bordercolor="#993300";
borderstyle="solid";
borderwidth=4;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#993300";
headercolor="#000000";
offbgcolor="#993300";
offcolor="#FFFFFF";
onbgcolor="#993300";
oncolor="#666666";
padding=4;
pagebgcolor="#993300";
pagecolor="#993300";
separatorcolor="#993300";
separatorsize=12;
}

with(menuStyle2=new mm_style()){
bordercolor="#993300";
borderstyle="solid";
borderwidth=4;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
headerbgcolor="#993300";
headercolor="#000000";
offbgcolor="#993300";
offcolor="#FFFFFF";
onbgcolor="#993300";
oncolor="#666666";
padding=4;
pagebgcolor="#993300";
pagecolor="#993300";
separatorcolor="#993300";
separatorsize=12;
}

with(milonic=new menuname("MainMenu")){
alwaysvisible=1;
left=0;
orientation="horizontal";
style=menuStyle;
top=75;
aI("offfunction=on();text=Home;url=http://www.milonic.com/;");
aI("offfunction=on();image=img/learn.gif;overimage=img/learn_hi.gif;showmenu=Learn;url=/know/");
aI("offfunction=on();image=img/understand.gif;overimage=img/understand_hi.gif;showmenu=Understand;url=/understand/");
aI("offfunction=on();image=img/fix.gif;overimage=img/fix_hi.gif;showmenu=Fix;url=/fix/;");
}

with(milonic=new menuname("Learn")){
style=menuStyle2;
aI("offfunction=on();text=Browse Profiles;url=/know/Browse-Profiles.php;");
aI("offfunction=on();text=Search Profiles;url=/know/Search-Profiles.php;");
aI("offfunction=on();text=After Exoneration;url=/know/After-Exoneration.php;");
aI("offfunction=on();text=E-mail an Exoneree;url=/know/E-mail-an-Exoneree.php;");
}

with(milonic=new menuname("Understand")){
style=menuStyle2;
aI("offfunction=on();text=Eyewitness Misidentification;url=/understand/Eyewitness-Misidentification.php;");
aI("offfunction=on();text=Unreliable/Limited Science;url=/understand/Unreliable-Limited-Science.php;");
aI("offfunction=on();text=Forensic Science Fraud/Misconduct;url=/understand/Forensic-Science-Fraud-Misconduct.php;");
aI("offfunction=on();text=Government Misconduct;url=/understand/Government-Misconduct.php;");
aI("offfunction=on();text=False Confessions;url=/understand/False-Confessions.php;");
aI("offfunction=on();text=Snitches/Informants;url=/understand/Snitches-Informants.php;");
aI("offfunction=on();text=Bad Lawyering;url=/understand/Bad-Lawyering.php;");
}

with(milonic=new menuname("Fix")){
style=menuStyle2;
aI("offfunction=on();text=GoveModel State Legislationrnment;url=/fix/Model-State-Legislation.php;");
aI("offfunction=on();text=Federal Legislation;url=/fix/Federal-Legislation.php;");
aI("offfunction=on();text=Other Projects;url=/fix/Other-Projects.php;");
aI("offfunction=on();text=Resources;url=/fix/Resources.php;");
aI("offfunction=on();text=Related Issues;url=/fix/Related-Issues.php;");
aI("offfunction=on();text=What can I do?;url=/fix/What-can-I-do.php;");
}

drawMenus();

[/url]

Poster: Ruth
Dated: Wednesday November 1 2006 - 12:14:56 GMT

Hi,

Part of the problem was you didn't have the menu in the div as it should go.

I did get it to work and you asked for suggestions so I made some changes.

1. You need to download the newest version of the menu you are downlevel and it can make a difference. Download it from the main site.

2. This zip file contains everything except the Milonic program files. To see the page you need to have everything in the same folder since that's how I did it on my desktop. EDIT: 11-29-06 LINK REMOVED

3. If you prefer your images then just use your own data but keep the separate files and all the info at the top of each menu the same, and I'd keep the styles but change back what I didn't want.

4. There are separate files for the main menus, which you need to put them in that div and you need to keep this top part of them like this.

Code:

with(milonic=new menuname("MainMenu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
menuwidth="100%";
menuheight=24;
itemwidth="25%";

5. I don't know what's causing the problem but I also had to put menuwidths into the data file for the first main menu subs, for some reason one of them kept expanding across the page and I couldn't find the problem, but putting a size in fixes it.

6. I put in fontsize= and a value since I didn't use your images but created it with text. PX is more cross browser similiar than other font values, like percentages, ems, pts.

7. Here is info on putting the menu in a table/div

http://www.milonic.com/tablemenu.php

make sure you keep the page as I set it up, that div now has a two cell table, one menu in each cell so they will position side by side like that and they will keep that position and shift with the layout as resolution is changed. If you don't care if the menu moves up or down or out of that area on change in resolution, you can put the main menus back into each file, get rid of the position=relative; add back the top and left positions.

Hope this helps.

Please let me know when you have the file so I can remove it from my site.

Ruth

Poster: imattjc
Dated: Wednesday November 1 2006 - 15:47:06 GMT

Ruth,

Thank you for your reply and assistance. I have updated to the latest version of the menu system.

When I put the menu in the div as explained, it worked better (on IE) but stopped hidding the Flash div when scrolling the submenu. The Flash isn't in place yet, but my testing has already shown that if the flash is there, it will interfere with the menu on Safari.

So I now have 2 pages:
http://ip.integreat-dev.com/test2.shtml - which works on all the browsers, but doesn't hide the flash div in the submenu

http://ip.integreat-dev.com/index.shtml - which works on Safar and FF, but not IE, however it will hide the flash div in the submenu

Industrial Strength JavaScript and DHTML Menus

Weird IE behavior on first menu item