Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.
Initial Email From: User
Initial Email Subject: internet explorer layout issues
Support Case Month: January 2013
Our working menu is hosted on the page listed above. However, in Internet Explorer, the last item in each section of our menu, or the last sub-category beneath each primary category is cut off. When viewing the generated CSS, the height of each category set is 80px (class="ldmttreespn"). If we can change that height to auto, it should correct the layout issue. What is the best way for us to adjust the CSS associated with our menu? Can we access the CSS file or does the CSS need to be generated via JS and included in the tree.js file? If the latter is the best option, can you provide the JS we'll need to use so as not to interfere with the working menu?
Reply From: Likno Customer Support
Hello,
The problem is not with the menu height, but with each item height. If you look carefully, you will see that in IE the menu also has extra space between each item breaking the design and pushing everything down
This seems to be caused by the following CSS in your page:
Do you think you could remove this or change it to “line-height: 16px;”?
Best Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter
Tags: CSS, css menu, drop-down menu, height, IE, Internet Explorer, javascript menu, jquery, js, layout, line height, Menu, sliding menu, website