Submenu alignment changes with resolution

Poster: rceraso
Dated: Monday June 19 2006 - 16:52:28 BST

Hi -

I'm new to the product and new to the forum, so please bear with me...

I'm having a problem with a horizontal submenu popping up in a different spot depending on the screen resolution. I have an image map calling the popup function with a negative left offset. All works fine at higher resolutions but at 1024 X 768 the submenu displays up against the right edge of the window instead of at the correct offset I have specified.

Here's a link to the page:
http://206.102.98.21/Account-06-1.asp

The problem is the the "My Account" link at the top right. Viewing the page at a resolution of 1280 x 720 or larger will show how it is supposed to look. Viewing at 1024 x 768 will show the incorrect placement.

And here's my menu data js file:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=300;
_menuOpenDelay=0;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(menuStyle=new mm_style()){
styleid=1;
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="90%";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#999999";
offcolor="#ffffff";
onbgcolor="#E1E1E1";
oncolor="#000000";
/* outfilter="randomdissolve(duration=0.3)"; */
outfilter="Fade(duration=0.9);Alpha(opacity=95)";
overfilter="Alpha(opacity=95)";
padding="5 10 5 10";
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#000000";
separatorsize=1;
/* subimage="images06/arrow.gif"; */
subimagepadding=0;
}

with(menuStyle2=new mm_style()){
styleid=1;
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="10";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="transparent";
offcolor="#ffffff";
onbgcolor="#000000";
oncolor="#ffffff";
/* outfilter="randomdissolve(duration=0.3)"; */
outfilter="Fade(duration=0.3);Alpha(opacity=100)";
overfilter="Alpha(opacity=100)";
padding="1 10 3 10";
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#000000";
separatorsize=1;
subimage="images06/arrow.gif";
subimagepadding=0;

}
with(AllImagesStyle=new mm_style()){
bordercolor="#000000";
borderstyle="none";
fontstyle="normal";
fontweight="normal";
padding=3;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=0;
left=0;
orientation="horizontal";
style=AllImagesStyle;
top=0;
aI("image=images06/transparent.gif;overimage=images06/transparent.gif;showmenu=Main2;");
}

with(milonic=new menuname("Main2")){
left=0;
orientation="horizontal";
style=AllImagesStyle;
top=0;
aI("image=images06/transparent.gif;overimage=images06/transparent.gif;URL=./home-06.asp;");
}


with(milonic=new menuname("OrderMgmt")){
menuwidth=143;
style=menuStyle;
aI("text=Request Quote;url=./rfq-06.asp;");
aI("text=View Quotes;url=./quoteList-06.asp?pageNo=ORDERLIST;");
aI("text=Order Status;url=./orderlist-06.asp?pageNo=ORDERLIST;");
aI("text=Invoices;url=./invoicelist-06.asp?pageNo=INVOICELIST;");
}

with(milonic=new menuname("OrderMgmt1")){
menuwidth=143;
style=menuStyle;
aI("text=Request Quote;url=./rfq-06.asp;");
aI("text=View Quotes;url=./quoteList-06.asp?pageNo=ORDERLIST;");
aI("text=Order Status;url=./orderlist-06.asp?pageNo=ORDERLIST;");
aI("text=Invoices;url=./invoicelist-06.asp?pageNo=INVOICELIST;");
}

with(milonic=new menuname("Products")){
style=menuStyle2;
orientation="horizontal";
left=13;
top=3;
aI("text=IBM Servers;showmenu=Servers;");
aI("text=IBM TotalStorage;url=#;");
aI("text=Lenovo Desktops / Notebooks;url=#;");
aI("text=Software;showmenu=Software;");
aI("text=Other;url=#;");
}

with(milonic=new menuname("Servers")){
style=menuStyle;
itemwidth="100";
aI("text=System x;url=#;");
aI("text=System i;url=#;");
aI("text=System p5;url=#;");
aI("text=System z;url=#;");
}

with(milonic=new menuname("Software")){
style=menuStyle;
aI("text=IBM Software;url=#;");
aI("text=VMWare;url=#;");
aI("text=Red Hat;url=#;");
aI("text=Microsoft;url=#;");
aI("text=Other;url=#;");
}

with(milonic=new menuname("Solutions")){
style=menuStyle2;
orientation="horizontal";
left=13;
top=3;
aI("text=BPIC;url=#;");
aI("text=Procurement;url=#;");
aI("text=Desktop Solutions;url=#;");
aI("text=Infrastructure;url=#;");
aI("text=Infrastructure Management;url=#;");
aI("text=Resources;url=#;");
aI("text=Functions;url=#;");
}

with(milonic=new menuname("Services")){
style=menuStyle2;
orientation="horizontal";
left=13;
top=3;
aI("text=Professional Services Group;url=#;");
aI("text=Technical / Staging Center;url=#;");
aI("text=Project Mgmt.;url=#;");
aI("text=Staff Augmentation;url=#;");
aI("text=Asset Mgmt.;url=#;");
aI("text=Maintenance & Warranty;url=#;");
aI("text=Leasing;url=#;");
}

with(milonic=new menuname("Account")){
style=menuStyle2;
orientation="horizontal";
/*left=-190; */
/* top=3; */
aI("text=Profile;url=./Account-06-1.asp;");
aI("text=Order Management;showmenu=Ordermgmt;");
aI("text=Catalog;url=./catalog-06.asp;");
aI("text=Cart;url=./Cart-06.asp;");
aI("text=Feedback;url=./Account-06-5.asp;");
}
with(milonic=new menuname("Account1")){
style=menuStyle2;
orientation="horizontal";
/* left=-190; */
top=3;
aI("text=Profile;url=./Account-06-1.asp;");
aI("text=Order Management;showmenu=Ordermgmt;");
aI("text=Catalog;url=./catalog-06.asp;");
aI("text=Cart;url=./Cart-06.asp;");
aI("text=Feedback;url=./Account-06-5.asp;");
}


drawMenus();



Any help would be greatly appreciated.

Thanks,
Rob

Poster: Andy
Dated: Monday June 19 2006 - 17:27:20 BST

This issue has been solved on the Tech Support System.

Needed to add ignoreCollisions=true; to the menu_data.js file to stop the menu from moving the menu

Poster: pieter53
Dated: Saturday January 6 2007 - 10:20:31 GMT

I will leave my original post unchanged, because others can have the same 'problem'.
The problem I had, seems to be solved after a computer reboot.

Original post:

My site (In Dutch!)

I had a problem with low screenresolutions (800 x 600) too.
I added "ignoreCollisions=true;" to menu_data.js and now it's working better.

There's only one thing that isn't like it should be.
If you place the cursor on certain mainmenu items ("Index" f.i.) the menu starts moving a up and down.
(I'm using Firefox and Windows XP)

Is there anything that can be done about that?

Poster: Andy
Dated: Saturday January 6 2007 - 14:07:27 GMT

Can't see any problem with this - is there something I should be doing in order to see this problem?

Screen grabs are always useful too

Poster: pieter53
Dated: Saturday January 6 2007 - 14:15:17 GMT

I have edited my post a few minutes ago.

The 'problem' seems to be solved after a reboot.

One other question (perhaps of topic).
On 800 x 600 'overflow="scroll";' will be needed on a lot of submenus.
Do I have to add that line to every submenu or can I add it to the list that follows after: with(menuStyle=new mm_style()){ ??????

Poster: Andy
Dated: Sunday January 7 2007 - 12:08:13 GMT



Unfortunately yes - it will have to go in every submenu

Poster: pieter53
Dated: Sunday January 7 2007 - 12:54:56 GMT

THANKS!