Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:03

Menu has no margins in FF4.01 but OK in latest chrom


Poster: myalo
Dated: Friday September 23 2011 - 2:10:14 BST

Hi
running the latest version just downloaded 5906
I am trying to figure out why the same exact menu looks OK in chrome but in FF
http://maed.ajula.edu the drop down menus line GCE home do not have space between the text and broder.
Same URL in Chrome and even IE6 have space.
Any idea why
http://ziegler.ajula.edu shows OK on all browsers
Thanks in Advance
For the first site here is the definition of the style
_subOffsetTop=10;
_subOffsetLeft=-10;

with(maedStyle=new mm_style()){
offclass="mmOff";
onclass="mmOn";
styleid=1;
fontsize="11px";
fontweight="bold";
fontfamily="Arial";
offbgcolor="transparent";
offcolor="white";
onbgcolor="#00AAA6";
oncolor="white";
outfilter="fade(duration=0.1)";
overfilter="Fade(duration=0.1);Alpha(opacity=90);";
menubgcolor="#008372";
separatorcolor="white";
separatorsize=1;
bordercolor="white";
borderwidth=1;
borderstyle="solid";
}
For the second site

_subOffsetTop=10;
_subOffsetLeft=-10;

with(zieglerHomeStyle=new mm_style()){
offclass="mmOff";
onclass="mmOn";
styleid=1;
fontsize="11px";
fontweight="bold";
fontfamily="Arial";
offbgcolor="transparent";
offcolor="white";
onbgcolor="#7F6C46";
oncolor="";
outfilter="fade(duration=0.1)";
overfilter="Fade(duration=0.1);Alpha(opacity=90);";
menubgcolor="#003C52";
separatorcolor="black";
separatorsize=1;
bordercolor="black";
borderwidth=1;
borderstyle="solid";
}
the css for mmOn and mmOff

/* BEGIN Milonic-menu styling */
.mmOn, .mmOff {
padding: 3px 5px 3px 5px;
line-height: 1;
text-transform: none;
font: Arial, Helvetica, sans-serif 12px bold;
}
/* END Milonic-menu styling */

Re: Menu has no margins in FF4.01 but OK in latest chrom


Poster: myalo
Dated: Sunday September 25 2011 - 3:14:35 BST

Problem resolved
FireFox didn't get to the definitions of .mmOn and .mmOff because of an error in parsing before these definitions:
background-image:url(\);
This line caused FireFox to stop the parsing of the css file.
Chrome and IE kept reading to the end of the css and where able to get the definition of .mmOn and .mmOff
Reminder: Always validate your css files!
Hope this will help others
Thanks
Moshe

Re: Menu has no margins in FF4.01 but OK in latest chrom


Poster: Ruth
Dated: Wednesday September 28 2011 - 1:03:12 BST

::Whew:: I was just going to post that I couldn't get a FireFox 4.01 so I couldn't help with the issue. I tried everywhere to find an old zip file of 4.01 but they don't even have it at the public/releases section, they go from 3x to 5, no 4 anywhere!

I'm glad you got it resolved. And thanks so much for posting what was causing the issue and the resolution. That is so helpful for everyone :)

Ruth