Firefox drop down menu position

[ericacr]

Any help appreciated:

My drop down menus in Firefox are far lower than they should be and wondering about any suggestions. Thanks for any guidance or pointing me in the right direction. Best, Eric

Also, I just added relative (main) and absolute (submenus) positioning to the code as well and it did not change anything... With or without it is still showing up far off target.


http://www.a-childs-right.org

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




with(menuStyle=new mm_style()){
fontfamily="verdana, arial";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
headerbgcolor="#a89d76";
headercolor="#a89d76";
offbgcolor="#a89d76";
offcolor="black";
onbgcolor="#a89d76";
oncolor="#6b645c";
ondecoration="underline"; 
outfilter="Fade(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90)";
padding=8;
pagebgcolor="#a89d76";
pagecolor="black";
separatorcolor="black";
separatorsize=1;
separatorheight=10;
position="relative"; 
}

with(ScrollingStyle=new mm_style()){
bordercolor="black";
borderstyle="solid";
borderwidth=2;
fontfamily="verdana, arial";
fontsize="70%";
fontstyle="normal";
fontweight="normal";
offbgcolor="#a89d76";
offcolor="black";
onbgcolor="#a89d76";
oncolor="#666666";
padding=8;
separatorcolor="black";
separatorsize=1;
separatorheight=2;
ondecoration="underline"; 
outfilter="Fade(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90)";
}

with(milonic=new menuname("water")){
orientation="vertical";
style=ScrollingStyle;
top="offset=2";
overflow="scroll";
position="absolute";
aI("text=water;url=http://www.a-childs-right.org/water.html;")
aI("text=water systems;url=http://www.a-childs-right.org/water2.html;")
aI("text=water resources;url=http://www.a-childs-right.org/water3.html;")
}

with(milonic=new menuname("links")){
orientation="vertical";
style=ScrollingStyle;
top="offset=2";
overflow="scroll";
position="absolute";
aI("text=relief organizations;url=http://www.a-childs-right.org/links.html;")
aI("text=water relief organizations;url=http://www.a-childs-right.org/links2.html;")
}

drawMenus();

[Migru]

Hi

the "position" property is a menu property. You are using it as a style property, so pls. remove it from the styles definitions.
By default its value is absolute, so please make use of it only, if you set its value to "relative", for instance, when placing the main menu in a table cell.
Had no time to study your website, sorry for this.

Michael

[ericacr]

The menu is embedded in a table, so will leave the "relative" positioning there and take out the absolute positioning for the style. It does not change the odd drop down configuration, though. Any help on that is appreciated.

Thanks for taking time to post. Best, Eric

[Ruth]

Hi

It's the

Code: Select all

TABLE.nav {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}

If you remove that class totally from that table then the menus display just like IE. However, the problem seems to be the DISPLAY:inline part and if you remove that from the css then the menus display just below the main, they are not exactly as in IE but pretty close, they seem to be at the bottom of the div rather than at the bottom of the main menu item.

Hope this helps

Michael, it's good to see you Hope things are going well.

Ruth

[ericacr]

Thank you Ruth. You helped me out a few years back with another menu and I do appreciate your assistance very much.

Have a good weekend.

Best, Eric