Submenu positionin under menu off on IE for PC

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
jobarker
Beginner
Beginner
Posts: 3
Joined: Mon Apr 16, 2007 1:20 am

Submenu positionin under menu off on IE for PC

Post by jobarker »

Hello. If you look at the page http://www.sbcwinegrowers.org/cgi/SBCClimate.php in both Firefox and IE on the PC, the FF submenu is immediately below the menu, but in IE the submenu appears about 100 - 150 pixels below the menu.

Here's a snippet of my menu code:

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

with(menuStyle=new mm_style()){
bordercolor="";
borderstyle="";
borderwidth=0;
fontfamily="Georgia, Times, serif";
fontweight="bold";
fontsize="11px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offcolor="#B4CCE0";
oncolor="#B4CCE0";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=0;
subimage="http://milonic.com/menuimages/arrow.gif";
subimagepadding=2;
}

with(subStyle=new mm_style()){
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;

fontfamily="Arial, sans-serif";
fontweight="bold";
fontsize="11px";
fontstyle="normal";

bgcolor="#cd3301";
headerbgcolor="#ffffff";
headercolor="#000000";
offcolor="#cd3301";
menubgcolor="#ff9a32";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
}


with(milonic=new menuname("Main Menu")){
position="relative";
menualign="center";
alwaysvisible=1;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("text=HOME;url=http://milonic.com/;");
aI("showmenu=Wineries;text=WINERIES & VINEYARDS;");
aI("showmenu=Region;text=THE SBC REGION;");
aI("showmenu=Visitors;text=VISITORS;");
aI("showmenu=Events;text=SPECIAL EVENTS;");
aI("showmenu=About;text=THE SBCWGA;");
aI("text=PRESS ROOM;url=http://www.sbcwinegrowers.org/cgi/Press.php");
}

with(milonic=new menuname("Wineries")){
overflow="scroll";
style=subStyle;
aI("text=Introduction;url=http://www.sbcwinegrowers.org/cgi/WVIntroduction.php;")
aI("text=Winery Map;url=http://www.sbcwinegrowers.org/cgi/WineryMap.php;")
aI("text=Varietals;url=http://www.sbcwinegrowers.org/cgi/Varietals.php;")
}


Any help is appreciated.

Joanne
jobarker
Beginner
Beginner
Posts: 3
Joined: Mon Apr 16, 2007 1:20 am

Post by jobarker »

:D Please disregard this post. I was able to resolve my issues by including the menu within a set of nested table cells which seems to resolve the problem in both browsers. I'll have to test this out on the Mac later on.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

Hi,

I can disregard it, but I think you should know that you are not putting the menu in the table correctly if you are calling all files in the table cell, and that may have been the problem, though I don't know because I don't see the original page.

See this example about the two methods to use putting a menu in a relative position

http://support.milonic.com/beginners/ta ... /index.htm

Ruth
jobarker
Beginner
Beginner
Posts: 3
Joined: Mon Apr 16, 2007 1:20 am

Post by jobarker »

Ruth, thanks for the referrals.....works perfectly!
Post Reply