Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:51
Firefox drop down menu position
Poster: ericacr
Dated: Friday October 13 2006 - 17:44:37 BST
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:
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();
_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();
Poster: Migru
Dated: Saturday October 14 2006 - 17:35:55 BST
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
still looking fr help...
Poster: ericacr
Dated: Saturday October 14 2006 - 17:52:06 BST
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
Poster: Ruth
Dated: Saturday October 14 2006 - 21:40:41 BST
Hi
It's the
Code:
TABLE.nav {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
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
thank you Ruth
Poster: ericacr
Dated: Sunday October 15 2006 - 3:13:43 BST
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