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

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
myalo
Advanced
Advanced
Posts: 23
Joined: Mon Aug 28, 2006 6:54 pm
Contact:

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

Post by myalo »

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 */
Moshe Yalovsky
myalo
Advanced
Advanced
Posts: 23
Joined: Mon Aug 28, 2006 6:54 pm
Contact:

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

Post by myalo »

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
Moshe Yalovsky
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

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

Post by Ruth »

::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
Post Reply