horizontal submenu - positioning problems

redbeard · Post by **redbeard** » Mon Aug 28, 2006 6:41 pm

Hello,

I am having a problem with my horizontal submenus. You can see the problem here:
http://64.23.96.234/new-design/Support/ ... licy.shtml

Basically the submenus are positioning themselves at the top of the page, and appearing on roll-over one under the other bringing the entire page down with each submenu.

I am using relative positioning with offsets for top and left. as you can see in my code below:

Code: Select all

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;




with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle='normal';
headerbgcolor="";
headercolor="";
offbgcolor="";
offcolor="#FFFFFF";
onbgcolor="";
oncolor="#1E1D56";
outfilter="";
overfilter="";
padding=4;
pagebgcolor="";
pagecolor="#1E1D56";
separatorcolor="#FFFFFF";
separatorsize=1;
subimage="";
subimagepadding=2;
}

with(menuStyleSub=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle ='normal';
headerbgcolor="";
headercolor="";
offbgcolor="";
offcolor="#92571E";
onbgcolor="";
oncolor="#1E1D56";
outfilter="";
overfilter="";
padding=4;
pagebgcolor="";
pagecolor="#1E1D56";
separatorcolor="#92571E";
separatorsize=1;
subimage="";
subimagepadding=2;
}

with(milonic=new menuname("Products")){
overflow="scroll";
style=menuStyleSub;
orientation="horizontal";
top="offset=84px"; 
left="offset=-272";
align="center";
position="relative";
aI("text=PRODUCTS HOME;url=http://64.23.96.234/new-design/Products/productsHome.shtml;")
aI("text=ECLIPSE;url=http://64.23.96.234/new-design/Products/productsEclipseHome.shtml;")
aI("text=VELOX LE;url=http://64.23.96.234/new-design/Products/productsVelox-LE.shtml;")
aI("text=SOFTWARE SOLUTIONS;url=http://64.23.96.234/new-design/Products/productsSoftware.shtml;")
aI("text=PRODUCT HISTORY;url=http://64.23.96.234/new-design/Products/productsHistory.shtml;")
}

with(milonic=new menuname("Solutions")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px"; 
left="offset=-428";
align="center";
position="relative";
aI("text=MOBILE;url=http://64.23.96.234/new-design/Solutions/solutionsMobile.shtml;")
aI("text=WIRELESS BROADBAND;url=http://64.23.96.234/new-design/Solutions/solutionsWireless.shtml;")
aI("text=UTILITIES;url=http://64.23.96.234/new-design/Solutions/solutionsUtilities.shtml;")
aI("text=EDUCATION;url=http://64.23.96.234/new-design/Solutions/solutionsEducation.shtml;")
aI("text=OIL & GAS;url=http://64.23.96.234/new-design/Solutions/solutionsOilGas.shtml;")
aI("text=DEFENSE;url=http://64.23.96.234/new-design/Solutions/solutionsDefense.shtml;")
aI("text=GOVERNMENT;url=http://64.23.96.234/new-design/Solutions/solutionsGovernment.shtml;")
aI("text=ENTERPRISE;url=http://64.23.96.234/new-design/Solutions/solutionsEnterprise.shtml;")
aI("text=HEALTHCARE;url=http://64.23.96.234/new-design/Solutions/solutionsHealthcare.shtml;")
aI("text=PUBLIC SAFETY;url=http://64.23.96.234/new-design/Solutions/solutionsPublicSafety.shtml;")
}


with(milonic=new menuname("Support")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px"; 
left="offset=-543";
align='center';
position="relative";
aI("text=SUPPORT HOME;url=http://64.23.96.234/new-design/Support/supportHome.shtml;");
aI("text=FIELD SERVICES;url=http://64.23.96.234/new-design/Support/supportFieldService.shtml;");
aI("text=TECHNICAL SUPPORT;url=http://64.23.96.234/new-design/Support/supportTechnicalOverview.shtml;");
aI("text=REPAIR / RETURN;url=http://64.23.96.234/new-design/Support/supportRepairReturn.shtml;");
aI("text=WARRANTY INFO;url=http://64.23.96.234/new-design/Support/supportWarrantyPolicy.shtml;");
aI("text=RETURNS;url=http://64.23.96.234/new-design/Support/supportReturnPolicy.shtml;");
aI("text=TRAINING;url=http://64.23.96.234/new-design/Support/supportTraining.shtml;");
aI("text=UPGRADE INFO;url=http://64.23.96.234/new-design/Support/supportUpgrades.shtml;");
}

with(milonic=new menuname("Company")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px"; 
left="offset=-183";
position="relative";
aI("text=COMPANY HOME;url=http://64.23.96.234/new-design/Company/companyHome.shtml;");
aI("text=NEWS and PRESS;url=http://64.23.96.234/new-design/Company/companyNewsPress.shtml;");
aI("text=INVESTOR;url=http://64.23.96.234/new-design/Company/companyInvestor.shtml;");
aI("text=CAREERS;url=http://64.23.96.234/new-design/Company/companyCareers.shtml;");
}

with(milonic=new menuname("Contact Us")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px"; 
left="offset=-398";
position="relative";
aI("text=CONTACTS HOME;url=http://64.23.96.234/new-design/ContactUs/contactHome.shtml;");
aI("text=OFFICE LOCATIONS;url=http://64.23.96.234/new-design/ContactUs/contactLocations.shtml;");
aI("text=PARTNERS;url=http://64.23.96.234/new-design/ContactUs/contactPartner.shtml;");
aI("text=REQUEST INFO;url=http://64.23.96.234/new-design/ContactUs/contactInfo-form.shtml;");
aI("text=FEEDBACK FORM;url=http://64.23.96.234/new-design/ContactUs/contactFeedback-form.shtml;");
}

drawMenus();

Wen I disable relative positioning the submenus float with the scroll of the page. Which I don't want. If I place the submenus in a cell the same thing happens as described above but only in that cell.

Any help would be greatly appreciative.
Thanks in advance

Post by **John** » Mon Aug 28, 2006 10:40 pm

Is this close to what you're after? There is still some horizontal alignment to do. If so, just grab the _data file to see what I've done.

redbeard · Post by **redbeard** » Mon Aug 28, 2006 10:52 pm

That was how I originally had it coded but if you scroll the window down the subnav follows with the page. Is there a fix for that.

Post by **John** » Mon Aug 28, 2006 11:19 pm

Not exactly sure what you mean here. There's not much room to scroll that page before the main menu scrolls off the top. However, in the small space there is, when I scroll it the subs stay put in the middle of the tan area.

redbeard · Post by **redbeard** » Tue Aug 29, 2006 4:10 pm

try this page. http://64.23.96.234/new-design/Support/ ... vice.shtml

And the submenu works fine in IE, but in all other browsers the menu moves with the page. This effects Firefox Windos and OS X, Camino and Safari.

Post by **Ruth** » Wed Aug 30, 2006 3:23 am

Hi,

Before we go any farther, you need to upgrade to the latest version. Whatever is going on might have been fixed in the latest.

Ruth

redbeard · Post by **redbeard** » Thu Aug 31, 2006 6:21 pm

OK, I upgraded and the same thing is occuring.

Post by **Ruth** » Fri Sep 01, 2006 2:28 am

Hi,

Try changing the fixMozillaZIndex to false.

And just for information, you have the Products submenu set to overflow="scroll"; which will not work since it's a horizontal menu.

Ruth

redbeard · Post by **redbeard** » Fri Sep 01, 2006 4:21 pm

Thank you. That fixed the problem.

I have another question, but I will search the forum first. Have a great weekend.