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:59

SubMenuOffset difference between FF and IE


Poster: steved
Dated: Wednesday July 26 2006 - 0:22:30 BST

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:
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://www.milonic.com/contactus.php;");
aI("text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("text=Privacy Policy;url=http://www.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://www.milonic.com/contactus.php;");
aI("text=Spirit;url=http://www.milonic.com/newsletter.php;");
aI("text=Quantum Healing;url=http://www.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://www.milonic.com/login.php;");
aI("text=Intermediate;url=http://www.milonic.com/mylicenses.php;");
aI("text=Advanced;url=http://www.milonic.com/myinvoices;");
aI("text=In Nature;url=http://www.milonic.com/reqsupport.php;");
aI("text=Intensive;url=http://www.milonic.com/mysupport.php;");
}

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

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

drawMenus();



My embedded main script:
Code:
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!


Poster: Ruth
Dated: Wednesday July 26 2006 - 3:29:41 BST

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

Thanx!


Poster: steved
Dated: Wednesday July 26 2006 - 5:10:08 BST

Hi Ruth,

Thanks for all of your digging! :D

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! 8)

Regards,
Steve