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

layer issue with Firefox


Poster: ludicrousman
Dated: Monday February 26 2007 - 19:53:04 GMT

I have my drop down menu on a layer created with Dreamweaver. It looks PERFECT in all browsers except Firefox! HELP!!! This project is due on Wed. and I can't fix this problem. HELP!
Heres the link
http://kevinftp.trivalley.com/intelli-services/


Poster: coefficient
Dated: Tuesday February 27 2007 - 4:43:52 GMT

It looks as though you have an issue with the padding or offset in your submenu setting. Please provide the settings of your data file.

here is my data file: HELP!


Poster: ludicrousman
Dated: Tuesday February 27 2007 - 6:58:26 GMT

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=-0;




with(menuStyle=new mm_style()){
ignoreCollisions=true
bordercolor="#ABABAB";
borderwidth=0;
separatorcolor="#FFFFFF";
separatorsize="4";
fontfamily="Arial";
fontsize="80%";
fontstyle="normal";
fontweight="normal";
itemheight=22;
menubgimage="http://www.milonic.com/menuimages/mac_back.gif";
offbgcolor="#DEDEDE";
offcolor="#000000";
onbgcolor="#F6CE0B";
oncolor="#000000";
outfilter="fade(duration=0.5)";
overfilter="Fade(duration=0.5);Shadow(color=#ADAEAD,Direction=180,Strength=6";
rawcss="padding-left:12px;padding-right:12px";
}

with(submenuStyle=new mm_style()){
styleid=1;
bordercolor="#838383";
borderwidth=1;
fontfamily="Arial";
fontsize="80%";
fontstyle="normal";
fontweight="normal";
headercolor="#000000";
image="http://www.milonic.com/menuimages/mac_trans.gif";
menubgimage="http://www.milonic.com/menuimages/mac_back.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#F6CE0B";
oncolor="#000000";
onsubimage="http://www.milonic.com/menuimages/macarrow_on.gif";
outfilter="fade(duration=0.5)";
overfilter="Fade(duration=0.5);Shadow(color=#ADAEAD,Direction=180,Strength=6";
padding=5;
rawcss="padding-left:0px;padding-right:5px;";
separatorcolor="#D2D4D4";
separatorpadding=5;
subimage="http://www.milonic.com/menuimages/macarrow_off.gif";
menubgcolor="#EBF0EC";
}


with(milonic=new menuname("About")){
style=submenuStyle;
top="offset=-4";
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("text=Media Tour;url=media.html;");
aI("text=Press Releases;url=press.html;");
aI("text=Testimonials;url=endorsements.html;");
aI("text=Investment News;url=investment.html;");
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}

with(milonic=new menuname("Products")){
style=submenuStyle;
top="offset=-4";
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("text=Electronic Content Management;url=ecm.html;");
aI("text=Automated Forms Processing;url=forms.html;");
aI("text=Application Integrator;url=applink.html;");
aI("text=Features & Benefits;url=features.html;");
}

with(milonic=new menuname("Services")){
style=submenuStyle;
top="offset=-4";
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("text=Implementation Services;url=implementation.html;");
aI("text=ASP Services;url=asp.html;");
aI("text=Government Services;url=gsa.html;");
aI("text=Hard Copy Services;url=copy.html;");
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}

with(milonic=new menuname("Support")){
style=submenuStyle;
top="offset=-4";
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("text=Customer Support;url=customerservice.html;");
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}

with(milonic=new menuname("Contact")){
style=submenuStyle;
top="offset=-4";
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("text=Request Information;url=information.html;");
aI("text=Directions;url=directions.html;");
aI("text=Location Maps;url=maps.html;");
aI("image=http://www.milonic.com/menuimages/transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}

drawMenus();


Poster: Ruth
Dated: Tuesday February 27 2007 - 7:40:51 GMT

Hi,

I've been trying to work on this, however, the weirdest thing is I can see the problem when I go to your site using FF, but when I download the page and try to work on it on my desktop, the problem is no longer visible, so I don't know what's happening.

Here is one suggestion, and this seems to work, but again since it's on my desktop and the other doesn't show maybe this is off on the web also.

You have your setup with a <DIV id=Layer1> menu here
</DIV> This div is set to position absolute, then the menu inside this is position relative. In place of using this absolutely positioned div, I would suggest you put the menu into the table cell and code the cell
Code:
<TD height=41 bgColor="#ffffff" valign="top"><SCRIPT type=text/javascript>
             with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
position="relative";
orientation="horizontal";
style=menuStyle;
aI("align=left;text=Home;url=index.html;");
aI("align=left;showmenu=About;text=About Us;url=about.html;");
aI("align=left;showmenu=Products;text=Products;url=products.html;");
aI("align=left;showmenu=Services;text=Services;url=services.html;");
aI("align=left;showmenu=Support;text=Support;url=support.html;");
aI("align=left;showmenu=Contact;text=Contact Us;url=contact.html;");
}
               drawMenus();
            </SCRIPT></TD>


That does seem to work with no problems.

There is also another method for positioning the menu relatively that you might want to try and see if that fixes the issue in FF.

You can just set up your menu_data.js file as you would regularly with the main menu in it and with the menu set as position='relative'; Then at the top of the data file, right below your subOffsetLeft etc, put in buildAfterLoad=true;

Then on the page, put all the calls for the menu files into the table cell, so you'd be calling the milonic_src.js, mmenudom.js and menu_data.js which now has the main menu back in it.

You'd have to check and see if this worked for you.

Ruth

well...


Poster: ludicrousman
Dated: Tuesday February 27 2007 - 7:47:04 GMT

The problem I have when including the menu in a table is that it breaks up the image when viewed on a PC. It looks great on Mac but PCs dont like tables when you have a menu. Any thoughts? Thats why I wanted to use layers because it doesn't effect the image. Any thoughts?
Do you know how I'd embed this using div tags and not layers?