Horizontal Scroll Bar appears when user clicks on menu item

ShawnO · Post by **ShawnO** » Thu Apr 20, 2006 7:53 pm

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/gre ... spital.asp

Shawn

Post by **John** » Mon Apr 24, 2006 3:32 pm

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.

ShawnO · Post by **ShawnO** » Mon Apr 24, 2006 4:18 pm

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

Post by **John** » Mon Apr 24, 2006 4:36 pm

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.

ShawnO · Post by **ShawnO** » Mon Apr 24, 2006 4:40 pm

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

vikenk · Post by **vikenk** » Mon Apr 24, 2006 7:24 pm

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...

ShawnO · Post by **ShawnO** » Mon Apr 24, 2006 8:05 pm

Viken,

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

Code: Select all

				
				</div>
			</div>

		</div>
	
		<script type="text/javascript" src="/scripts/menuSystem.asp?index=0&mleft=296&mtop=161&sleft=9&stop=0"></script>
		<script type="text/javascript" src="/scripts/subMenu.asp"></script>
		
</body>
</html>

**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

ShawnO · Post by **ShawnO** » Wed Jul 19, 2006 8:42 pm

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