SubMenuOffset difference between FF and IE

[steved]

Hi All,

I have my menu implemented but there is a difference between IE and FF. The submenu offset is actually on top off the main menu above it - this occurs in FF, but it displays okay in IE.

Website example:
http://www.awakeninginsight.com/index_BlogStyle.php

My menu data is as follows:

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=5;
_subOffsetLeft=-2;

with(topLevelStyle=new mm_style()){
styleid=1;
rawcss="padding-left:10px;padding-right:5px";
subimagepadding=3;
onclass="topMenuON";
offclass="topMenuOFF";
valign="middle";
}

with(subLevelStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Helvetica";
fontsize="1.0em";
fontstyle="normal";
fontweight="bold";
align="left";
itemheight=15;
offbgcolor="#ffffff";
onbgcolor="#e7e7e7";
offcolor="#666666";
oncolor="#000000";
ondecoration="none";
onsubimage="arrow.gif";
padding=2;
subimage="arrow.gif";
subimagepadding=3;
}

with(milonic=new menuname("Home")){
margin=4;
style=subLevelStyle;
aI("text=About Us;url=http://www.awakeninginsight.com/LifeCoaching/LC_Guide.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
aI("text=FAQ;url=http://milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://milonic.com/forum/;");
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("Healing")){
margin=4;
style=subLevelStyle;
aI("text=Body;url=http://www.awakeninginsight.com/LifeCoaching/LC_Guide.php;");
aI("text=Mind;url=http://milonic.com/contact.php;");
aI("text=Spirit;url=http://milonic.com/newsletter.php;");
aI("text=Quantum Healing;url=http://milonic.com/menufaq.php;");
}

with(milonic=new menuname("Growth")){
margin=4;
style=subLevelStyle;
aI("text=Personal Fulfillment;url=http://www.a-q.co.uk/;");
aI("text=Relationships;url=http://www.sms2email.com/;");
aI("text=Group Dynamics;url=http://www.softidiom.com/;");
aI("text=Goal Setting;url=http://www.softidiom.com/;");
aI("text=Career;url=http://www.softidiom.com/;");
aI("text=Parenting & Children;url=http://www.softidiom.com/;");
aI("text=Dream Realization;url=http://www.softidiom.com/;");
}

with(milonic=new menuname("Spirituality")){
margin=4;
style=subLevelStyle;
aI("text=Spiritual Life Coaching;url=http://www.apache.org/;");
aI("text=Spiritual Counseling;url=http://ww.mysql.com/;");
aI("text=Religion vs. Spirituality;url=http://www.php.net/;");
aI("text=Your Spiritual Journey;url=http://www.phpbb.net/;");
}

with(milonic=new menuname("Education")){
margin=4;
style=subLevelStyle;
aI("text=Courses;url=http://www.spamcop.net/;");
aI("text=Seminars;url=http://www.mimedefang.org/;");
aI("text=Papers;url=http://www.spamassassin.org/;");
}

with(milonic=new menuname("Retreats")){
margin=4;
style=subLevelStyle;
aI("text=Beginner;url=http://milonic.com/login.php;");
aI("text=Intermediate;url=http://milonic.com/mylicenses.php;");
aI("text=Advanced;url=http://milonic.com/myinvoices;");
aI("text=In Nature;url=http://milonic.com/reqsupport.php;");
aI("text=Intensive;url=http://milonic.com/mysupport.php;");
}

with(milonic=new menuname("Programs")){
margin=4;
style=subLevelStyle;
aI("text=Life Breakthrough;url=http://milonic.com/mylicenses.php;");
aI("text=Spiritual Growth;url=http://milonic.com/mylicenses.php;");
aI("text=Path to Enlightenment;url=http://milonic.com/login.php;");
aI("text=Personal Fulfillment;url=http://milonic.com/mylicenses.php;");
aI("text=New Coach Mentoring;url=http://milonic.com/mylicenses.php;");
aI("text=Changing Career;url=http://milonic.com/mylicenses.php;");
aI("text=Mid-Life Crisis;url=http://milonic.com/mylicenses.php;");
aI("text=Business Empowerment;url=http://milonic.com/mylicenses.php;");
aI("text=Divorce Recovery;url=http://milonic.com/mylicenses.php;");
aI("text=Child Raising;url=http://milonic.com/mylicenses.php;");
aI("text=Relationship Recharge;url=http://milonic.com/mylicenses.php;");
}

with(milonic=new menuname("Community")){
margin=4;
style=subLevelStyle;
aI("text=Login;url=http://milonic.com/login.php;");
aI("text=Blog;url=http://milonic.com/mylicenses.php;");
aI("text=Share;url=http://milonic.com/myinvoices;");
}

drawMenus();

My embedded main script:

Code: Select all

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
position="relative";
margin=0;
orientation="horizontal";
style=topLevelStyle;
aI("text=Home;url=http://www.awakeninginsight.com/;showmenu=Home;");
aI("text=Healing;url=http://www.awakeninginsight.com/;showmenu=Healing;");
aI("text=Growth;url=http://www.awakeninginsight.com/;showmenu=Growth;");
aI("text=Spirituality;url=http://www.awakeninginsight.com/;showmenu=Spirituality;");
aI("text=Education;url=http://www.awakeninginsight.com/SpiritualCounseling/SC_Main.html;showmenu=Education;");
aI("text=Retreats;url=http://www.awakeninginsight.com/;showmenu=Retreats;");
aI("text=Programs;url=http://www.awakeninginsight.com/;showmenu=Programs;");
aI("text=Community;url=http://www.awakeninginsight.com/;showmenu=Community;");
}
drawMenus();

I would like the submenu offset to appear as it is in IE. Any ideas???
Thanks for your expertise!

[Ruth]

Hi,

It took me forever to find the problem item. Actually, I found out it was the css right away Then I tried removing the off and on class items for the menu, and I found it was in the menuTopOff class, but from there on it was a bit of going nuts forgetting which thing I checked and didn't check

OK, it is the height:18 in that class. If you take that out you eliminate the problem in FF.

Since you are removing it from that I would also remove it from the on class.

Ruth

[steved]

Hi Ruth,

Thanks for all of your digging!

You lead me in the right direction. I removed the "height" css style and the submenu offset now appeared correctly, however, this then altered the main menu background graphic for the "on" state.

It turns out that I needed to be using "Line-Height" instead of "Height" in my CSS style

Thanks for all of your help - you are a Star!

Regards,
Steve