Menu resized in Firefox when text size increased

[lpic]

When text is resized in IE, menu maintains current text size. When resized in Firefox, text size gets huge and position is no longer correct. I've tried reading these posts for a solution but really don't know what the correct fix is. Set size to %? Embed in table? Help! Using latest menu version.

http://www.lrsd.org/newdefault.cfm

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(submenuStyle=new mm_style()){
fontfamily="Verdana, Tahoma, Arial";
fontsize="10pt";
fontweight="normal";
headercolor="#000000";
offcolor="#FFFFFF";
oncolor="#E76831";
offbgcolor="#2172A1";
onbgcolor="#95BDD6";
padding=5;
pagecolor="#E7662D";
subimage="../template2/11x9_dotted_green.gif";
subimagepadding=8;
onbold=0;
}

with(menuStyle=new mm_style()){
styleid=1;
align="right";
fontfamily="Verdana, Tahoma, Arial";
fontsize="10pt";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
image="../template2/location.gif";
imageposition="right";
offcolor="#1B6282";
oncolor="#FFFFFF";
overimage="../template2/location_on.gif";
pagecolor="#E7662D";


}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=5;

orientation="vertcal";
style=menuStyle;
top=275;
aI("status=Back To Home Page;text=HOME;url=http://www.lrsd.org/newdefault.cfm;");
aI("showmenu=Milonic;text=VISITORS;");
aI("showmenu=Partners;text=PARENTS;");
aI("showmenu=Links;text=STAFF;");
aI("showmenu=MyMilonic;text=DEPARTMENTS;");
aI("text=SEARCH;");
}

with(milonic=new menuname("Milonic")){
left="offset=15";
style=submenuStyle;
aI("text=Story page;url=http://www.lrsd.org/news1/storyindex.cfm?id=1301;");
aI("text=Story list;url=http://www.lrsd.org/news1/newslist.cfm;");
aI("text=Teachers' Lounge;url=http://www.lrsd.org/secure/login.cfm;");
aI("text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://forum.milonic.com/;");
aI("text=Software License Agreement;url=http://milonic.com/license.php;");
aI("text=Privacy Policy;url=http://milonic.com/privacy.php;");
}

with(milonic=new menuname("PARTNERS")){
left="offset=15";
style=submenuStyle;
aI("status=(aq) Web Server Hosting & Services;text=(aq) Hosting;url=http://www.a-q.co.uk/;");
aI("text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("text=WebSmith;url=http://www.softidiom.com/?milonicmenu;");
}

with(milonic=new menuname("Links")){
left="offset=15";
style=submenuStyle;
aI("status=Apache Web Server, the basis of Milonic's Web Site;text=Apache Server;url=http://www.apache.org/;");
aI("status=MySQL, Milonic's Prefered Choice of Database Server;text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("status=PHP - Web Server Scripting as used by Milonic;text=PHP - Development;url=http://www.php.net/;");
aI("status=PHP Based Web Forum, Milonic's Recommended Forum Software;text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;text=Anti Spam;");
}

with(milonic=new menuname("Anti Spam")){
left="offset=15";
style=submenuStyle;
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
}

with(milonic=new menuname("MyMilonic")){
left="offset=15";
style=submenuStyle;
aI("text=Login;url=http://milonic.com/login.php;");
aI("text=Licenses;url=http://milonic.com/mylicenses.php;");
aI("text=Invoices;url=http://milonic.com/myinvoices.php;");
aI("text=Make Support Request;url=http://milonic.com/reqsupport.php;");
aI("text=View Support Requests;url=http://milonic.com/mysupport.php;");
aI("text=Your Details;url=http://milonic.com/mydetails.php;");
}

drawMenus();

[/i]

[John]

Try setting size to px. It's much better for cross-browser/platform use.

[Migru]

orientation="vertcal";

vertcal is not correct, though

orientation 9 Menus can be either horizontal or vertical and the orientation property is used to declare the type of menu you need. The default value for orientation is vertical and orientation is not a mandatory entry. You only need to declare this value if you need a menu in horizontal orientation.

Michael

[lpic]

Thanks, I will try px today. Strangely, "vertcal" was the spelling in the downloaded menu_data.js file. It seemed to work OK so I left it.

[lpic]

Using px instead of pt still doesn't work correctly with Firefox. In IE, a text resize does not affect the menu font size. In Firefox, it does. Any other suggestions?

[John]

What version of FF?

[lpic]

1.5.0.2

[Migru]

Hi

If you use "vertcal" or - let me say "up_and_down", it will work too, because as long as you don´t specify it as "horizontal" it will allways be vertical, because that is the default setting.

Regarding the "resizing" issue - you cannot expect, that resizing the font (in fact doesn´t work with IE) will increase the pages scale equally in all directons. This is simply not possible.

Michael

[lpic]

Thanks Migru. Regarding the resizing issue, if you have both IE and FF, go to this page and increase the text size in the browser and you will see the issue. Nothing happens to the menu font size in IE, but it certainly DOES in Firefox. So I am asking is there a fix for this in FF? I'm starting to suspect that I know the answer....

http://www.lrsd.org/newdefault.cfm

[Ruth]

Hello,

FF and IE treat the page author's font sizing differently. In IE, changing the font size will NOT do anything unless the user needs accessiblity help and has set accessiblity in the browser to ignore the page author's font size and use what ever the browser specifies, or has set accessibility to use the 'user's' style sheet and not the page author's setup. FF will always ignore the author's specified font sizes if the user changes the font size in the browser.

Ruth

[lpic]

Thanks for your help Ruth. Although you didn't say so, based on your references you're telling me that the solution is to embed the menu in a table? It seems to me that with 10 to 30% of the world using Firefox, NOT embedding in a table is not really an option for those wanting this menu to work on 95%+ computers correctly. It also seems to me that this is a serious enough problem that the solution should either be easier to find, or that users should be advised that the menu should pretty much always be embedded in a table for compatibility. Just my 10 cents worth. Thanks again.

[Ruth]

Hi,

Even embedding it in a table isn't going to change the way the font size works as per the browsers. This is not a Milonic issue this is an ANY text on a web page issue. There is no way for Milonic to program the menu to ignore how a browser functions. Personally, this is why I put the menu at the top of the page, the bottom or at the side. With it at the side I usually set up the layout so that there is enough space for the menu to expand if text is resized to 300%. However, I know that is not the solution for everyone and every design.


If you wish to get around the font size issue, and have no need for accessibility settings, the solution is images which can be easily implemented in the menu. However, those with any special needs for viewing would not be able to adjust font size since it is part of an image.

Ruth