horizontal menu widget

[ppbedz]

I am dynamically loading the choices for a horizontal menu widget. The sizing was a little tricky, but I got it to display properly under Internet Explorer. However, when a user runs under Chrome, the menu choice text is barely readable. It there any way to get the menu to display legibly under either browser? I am attaching examples along with my definition. Thank you, Patti

[Brian]

All browsers will render slightly differently. In this case, Chrome thinks there is not enough room to fit the options in the width you've set, so it adds the scroll bar. There are a few things you can try.

1. The simplest would be to just make the menu widget a little bit wider.
2. You could also set the "overflow x" property to "hidden". This would prevent the scroll bar from appearing, but would also cut off anything that would not fit in the width of the menu.
3. Since your content is dynamic, a better option may be to remove the "width" property on the menu widget. Doing this will make it size itself to whatever contents you set. If you need it to line up with the right side of the grid below it, just let the position using the "right" property instead of the "left".

[ppbedz]

Thank you Brian. I tried #3. It works a lot better!

[Brian]

Glad I could help.