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:41
IE & Safari Problems
Poster: Tanner_J
Dated: Wednesday February 14 2007 - 4:36:49 GMT
I am currently working on a website, and the menu when viewed in Firefox works perfectly. However, viewing in IE and Safari the drop downs show way off the right off the side of the page.
I'm currently under a confidentiality contract so I can't put the link to show what's wrong here. If someone could please email me at tanner __at__ fsuniverse.com to see it and help it would be greatly appreciated.
Thanks
Tanner Johnson
Poster: Ruth
Dated: Wednesday February 14 2007 - 20:13:17 GMT
Hi,
There's no way to know what's wrong unless we can see the page. Since you have a confidentiality contract, I would suggest a test page that uses the same layout and css but just use the regular menu download.
I can guess that this is going to be something about divs, css positioning, auto-margins, relative position of the menu and so on, so without that css and the menu set up as it is in your existing layout we can't do much to help.
Ruth
Poster: Tanner_J
Dated: Thursday February 15 2007 - 2:59:34 GMT
I asked please for someone to email me. I am under a strict confidentiality contract so I cannot show anything, I shouldn't even show the person who steps up to the plate. It won't take any longer to shoot me an email and for me to send it back. So someone, please if you can help send me an email.
Thanks
Tanner Johnson
Poster: Ruth
Dated: Thursday February 15 2007 - 6:42:07 GMT
Hi Tanner,
OK, make your top section of the menu_data.js file the following, note the line I added, buildAfterLoad=true;
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=2;
_subOffsetLeft=-2;
buildAfterLoad=true;
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
buildAfterLoad=true;
Then in your main menu set it up like this for the position, note that top and left are removed and position='relative'; added.
Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position='relative';
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position='relative';
That should fix the problem. Since you have the menu in a div, which is not really recommended because no browser seems to treat divs the same way, you must make the position of the menu relative. Without that, the submenus go off in some browsers.
Now, if this doesn't fix it, since buildAfterLoad=true; can cause problems in some browsers, you will need to place the menu in the div as you would in a table.
1. remove the buildAfterLoad=true; from the menu_data.js file
2. cut out the main menu and put it in its own file and include a drawMenus(); at the end of it. The only thing you need in this file is the main menu and a drawMenus. The main menu would be as it is with the position='relative'; in it.
3. save that file, most call it embed_main.js or main.js
4. Put all the calls for all the files but that main menu immediately, the first thing, after the body tag
5. put a call for the main.js file in the div where you have it now.
Below my name there is a link to a page called tablemenu or table, that has directions and an explantion of the old [last] method which I posted last.
Hope this helps, let me know if there are any more problems
Ruth