October 28th, 2012LWAC: Accordion does not appear properly on all browsers
Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.
Initial Email From: User
Initial Email Subject: google chrome and safari issues with example 10L on the accordion software
Support Case Month: March 2012
Hello, the above site is my test site, I cannot get the accordion to work properly on all browsers. Please advise, on the home page, the first window that opens drops down after the slide moves to the next, help!
Reply From: Likno Customer Support
Hello,
After having a second look at your page, the problem is caused by your CSS. Specifically, in the “style2.css” you have the following rule:
The “column_l” is the container in which the accordion control resides. The problem is that the browsers wrongly calculate the padding (rounding down the decimal points) and this causes the accordion to be 1px larger than it should (hence not fitting in a single row). Please change the above to (for example) “padding 0 10px;” and the accordion should work fine in all browsers.
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: accordion, browser, CSS, drop down, home page, html, jquery, move, site, slide, style+, website, window