Unwanted Horizontal Scrollbars

spirollo · Post by **spirollo** » Wed Aug 27, 2003 6:45 pm

I am putting new menus together in v5.0 I used the overflow="scroll" command so menus longer than the browser window will have a vertical scrollbar.

The problem is that whenever I have a vertical scrollbar appear, I also have a horizontal scrollbar appear on the menu as well. This occurs even though there is plenty of room for the width of the menu.

Any insight would be appreciated.

Post by **John** » Wed Aug 27, 2003 9:57 pm

Please post a URL so we can see the error and your code.

spirollo · Post by **spirollo** » Thu Aug 28, 2003 1:45 am

Sorry, that would help.

Here is the link. Make the window stretch the entire screen, but make height very short. Check out the menu Teams/MLB/American League for instance.

http://209.210.237.14:8080/spbaseball/o ... ile=notify

Maz · Post by **Maz** » Thu Aug 28, 2003 2:55 am

Don't understand the problem, but note I got script error on member menu submenu line 193 char 295 Invalid procedure call or argument.

Hergio · Post by **Hergio** » Thu Aug 28, 2003 4:26 am

Its because the menu renders to the width of the longest string within it...which is fine. But then there are too many items to fit, so it must put in a scroll bar, and uh-oh, now we dont have room anymore with regard to the width, gotta throw in another scroll bar. To fix this, explicitly increase the width of the menu so that when the scroll bar appears, the menu is still wide enough to accomedate it. In your menu declaration, you can set an itemwidth property to something like, "120px". Look in the menuproperties reference if you dont understand.

spirollo · Post by **spirollo** » Thu Aug 28, 2003 4:36 pm

I understand what you are saying about it not taking into account the vertical scrollbar into the width - thus causing the need for the horizontal. I thought that was the case myself. But if that is the case, I would think that the sample menus the provide would have the same problem as I don't see where they are explicitly setting the width to make them work. So I think there is some other problem. For instance, check out the sample menu in the URL below. Note that the "Menu Samples" submenu has a veritcal scroll bar, but no horizontal one. And I see no where in the setup where it set the width explicitly.

http://milonic.com/menusample.php?sampleid=1

Thanks for your responses.

Hergio · Post by **Hergio** » Thu Aug 28, 2003 5:20 pm

He has his padding setting set to 5, yours is 2....try that. Play with it, I dont know for sure, I am giving you ideas. Also did you try the itemwidth?

spirollo · Post by **spirollo** » Thu Aug 28, 2003 9:29 pm

Good ideas. I tried both of them, but still no dice...

Post by **John** » Thu Aug 28, 2003 9:41 pm

Why do you have the scriptpath variable in the middle of your HTML? It belongs in milonic_src.

spirollo · Post by **spirollo** » Fri Aug 29, 2003 8:12 pm

Regarding the scriptpath, it is there because it is a dynamic path. For ease at the moment I put it in there so my velocity macros can process the path and set it. I will eventually include the milonic_src.js as a velocity macro as well but haven't gotten that far yet.

Regarding my reported problem, I seem to have found the culprit. When you have a menu in an html body that has the CSS attribute "overflow-y" set to "hidden". It causes the horizontal scroll bars to appear, regardless if there is room on the width of the page or not. If that is changed to something other than hidden, it works like a champ.

I have reported this bug to Andy for his consideration.

I'd like to thank you all for your responses and help.

Hergio · Post by **Hergio** » Sun Aug 31, 2003 6:39 pm

Nice job spirollo, good detective work.

Post by **John** » Tue Sep 02, 2003 5:29 pm

Glad you got it, spirollo. I suspect Dave and I would have still been working on that one...