layer issue with Firefox

[ludicrousman]

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/

[coefficient]

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.

[ludicrousman]

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://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://milonic.com/menuimages/mac_trans.gif";
menubgimage="http://milonic.com/menuimages/mac_back.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#F6CE0B";
oncolor="#000000";
onsubimage="http://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://milonic.com/menuimages/macarrow_off.gif";
menubgcolor="#EBF0EC";
}


with(milonic=new menuname("About")){
style=submenuStyle;
top="offset=-4";
aI("image=http://milonic.com/menuimages/trans ... 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://milonic.com/menuimages/trans ... border:1px solid #c0c0c0;type=header;");
}

with(milonic=new menuname("Products")){
style=submenuStyle;
top="offset=-4";
aI("image=http://milonic.com/menuimages/trans ... 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://milonic.com/menuimages/trans ... 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://milonic.com/menuimages/trans ... border:1px solid #c0c0c0;type=header;");
}

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

with(milonic=new menuname("Contact")){
style=submenuStyle;
top="offset=-4";
aI("image=http://milonic.com/menuimages/trans ... 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://milonic.com/menuimages/trans ... border:1px solid #c0c0c0;type=header;");
}

drawMenus();

[Ruth]

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: Select all

<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

[ludicrousman]

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?