Horizontal Scroll Bar appears when user clicks on menu item

Poster: ShawnO
Dated: Thursday April 20 2006 - 19:53:11 BST

I use milonic for 2 menu's on my page and up until 5.746, they worked perfectly. With the new version, if someone clicks on by sub menu (top right corner of page, in green), it adds a horizontal scroll bar to the bottom of the menu just before the page is forwarded over.

**EDIT** Forgot to say, it only seems to happen in FF and I am using 1.5.0.2

Any ideas?

Here's a link: http://www.niagarafalls.ca/services/greater_niagara_general_hospital.asp

Shawn

Poster: John
Dated: Monday April 24 2006 - 15:32:11 BST

So far I can only see the failure in wide items that leave no left and right margins. When you click, the selection widens it just enough to force the bar. Widen the menu (maybe 5px), or shorten the text a bit; e.g., 'Facts About All Way Stops' could be 'About All Way Stops', etc.

Poster: ShawnO
Dated: Monday April 24 2006 - 16:18:47 BST

John,

Thanks for the reply. We want to keep the menu the same size as the 'Menu' graphic header. It also lines up the right side of the menu and the content area so I really am hoping for another type of solution.

In the previous versions, the text just seemed to wrap properly without forcing the horizontal bar, no matter what the width of the link is.

Shawn

Poster: John
Dated: Monday April 24 2006 - 16:36:13 BST

Understood, but it shouldn't be too hard to widen that graphic just a tad.

At any rate, try shortening the text as I suggested, or, just as a test, increase the text size by 1 or 2 px to see if it wraps.

Poster: ShawnO
Dated: Monday April 24 2006 - 16:40:13 BST

I increased the text size form 10px to 11px and same effect. The text in the menu links does wrap (see the one for the Greater Niagara General Hospital). When the menu is rendered, it doesn't display the horizontal bar. Only when you click the mouse on an item (and only in Firefox).

Shawn

Poster: vikenk
Dated: Monday April 24 2006 - 19:24:34 BST

It seems like you have the menu in a DIV. It's well documented that the Menu doesn't like to be in a div because DIV's aren't supported the same way in every browser. I also find it curious that it only happens when you click the menu item.

I haven't tried this (I can't really duplicate your site well enough), but could you add a "overflow-y: hidden" (or is it overflow-x?) to the style of that DIV? In theory, that would keep the horizontal scrollbar from appearing when you click.

It's just a thought...

Poster: ShawnO
Dated: Monday April 24 2006 - 20:05:55 BST

Viken,

Thanks for the reply. The menu is not in a DIV actually. Here are the last few lines of code for the submenu:


**EDIT** : // The Milonic submenu is called in the submenu.asp file (BTW) //

Also, the problem only seems to have started when I upgraded to the most recent version of the menu. I used to be on 5.742 and it didn't happen on that version.

Shawn

Poster: ShawnO
Dated: Wednesday July 19 2006 - 20:42:26 BST

Just to update this post... The newest version of Milonic (5.753) fixed the problem.