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:09
Strange spacing the first time the menu is loaded in FireFox
Poster: jptilkes
Dated: Monday April 3 2006 - 15:17:06 BST
I have a menu on our internal Intranet that the first time you mouse over a menu item some extra space appears at the right. Any aditional times you mouse over it in that session the spacing does not occur. I do not see this behavior in IE, but I have many users on FireFox.
Any thoughts on how I can prevent this. (I just downloaded the latest version this morning)
Thanks
Poster: Ruth
Dated: Tuesday April 4 2006 - 1:38:33 BST
Hi,
Since it's a intranet we can't see what's going on and check code, so either you need to get us a test page on the web, or you need to post your html, menu_data code, and any css so we can try and recreate what's going on and figure a solution
Ruth
Test page
Poster: jptilkes
Dated: Tuesday April 4 2006 - 13:58:30 BST
Sorry about that, here is a test page that has the same issue.
If you are having difficulty duplicating it clear your cache or "Shift + Reload", it will only happen the first time you mouse over the "Employee Center" or "Customer...l" menus. It doesn't happen on the others.
http://www.softbrands.com/temp/test.html
Poster: Ruth
Dated: Tuesday April 4 2006 - 16:12:08 BST
Hi,
I believe it's the overflow="scroll"; and maybe a timing issue. I've reported it if it's something fixable. That space on the right is the place for the scroll bar, it's as if when it first opens it has the space available while it looks to see if it needs the scroll bar, but after it's closed and then reopened it knows it doesn't need the bar.
I cannot get my cache cleared..grrrrr....I have no clue where the page is being hidden on the computer outside temp internet and temp files, so I can't test to see if it does that if you mouseover the Company item first or if it only does it in the ones you mentioned. And, I can't play around to see if there is something else in those first two submenus that is interacting with the overflow="scroll"; i.e. an arrow, that is causing it.
Ruth
Poster: jptilkes
Dated: Tuesday April 4 2006 - 16:55:42 BST
Removing the overflow=scroll does indeed fix the spacing issue.
I dynamically generate this menu on the real site so I don't want to remove that option if I can help it, just in case it gets long.
I'll try to play with some options again and see if I can find a work around.
Hopefully it is something easy to fix
Thanks
Poster: Migru
Dated: Tuesday April 4 2006 - 17:29:36 BST
Hi
as I´m using this feature in a menu very similar to that one, and I did not have had any problems with a spacing issue, downloaded the page and tested, there wasn´t any spacing problem - would you please inform, how you settled this, what caused it? Don´t think it was the scroll feature.
Michael
Poster: Ruth
Dated: Tuesday April 4 2006 - 17:30:44 BST
Hi,
I don't know if you can. I think it's a timing issue. But here are some things to try and see what happens
1. try setting the subimage for those menus at the left using the subimageposition=; property.
2. You can try using an image for those items that have submenus, though that could get involved with dynamically generated things since you'd have to code those two menus with their own style and eliminate subimage, putting in the image code in each aI string and setting imageposition="right";
I think 2 is not a really viable option.
I have reported it.
Ruth
Poster: jptilkes
Dated: Tuesday April 4 2006 - 18:55:03 BST
Migru,
I can duplicate the issue I am describing on multiple machines without fail. When I remove the 'Scroll' option I am no longer able to duplicate the issue.
Ruth,
Thank you for the suggestion, I will try it.
Poster: Migru
Dated: Tuesday April 4 2006 - 20:52:27 BST
Hi
the only difference I can observe is, that I´m using my license version of Milonic files, together with your test.html
(by the way, had to modify
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
into
<script type="text/javascript" language="JavaScript" src="milonic_src.js"></script> )
because of your code, though its accepted by the browsers, is not accepted by Adobe Golive syntax check..........and the layout editor does not even recognize this type of JavaScript reference !!!
And definitely - FireFox 1.5 displays that file here, without that spacing issue, and when I resize the window, the scroll function works as it should work.
Michael