November 12th, 2012LWAC: Problem positioning a web Accordion in IE8
Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.
Initial Email From: Diane
Initial Email Subject: Accordion Builder
Support Case Month: September 2012
Dear Support,
I'm having an issue with positioning an accordion in IE8. I am not experiencing the problem when viewing the page in Safari or Firefox.
When the page first displays, the accordion displays about 100 pixels higher on the page that its position, thereby covering screen elements positioned above the accordion location. As soon as I run the mouse over each accordion header, each header moves to its correct position. I don't have to click a header to make this happen.
Please advise ... thanks!
Reply From: Likno Customer Support
Hello,
We are not aware of any such problem up to now. Can you please send me the URL to see the problem first-hand, so that I can offer a solution?
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
Reply From: Diane
Hi Kostas,
The url where we're experiencing the Accordion display problem is within the LearnCenter Learning Management System. Once in, click the FAQ link in the upper right corner of the screen to go to the page where we're experiencing the problem. Please also note that sometimes the screen loads ok, but most of the time it doesn't. The Accordion is contained within a table cell, and we've compiled the Accordion with this setting.
Thanks again for any help you can provide.
Kind regards,
Diane
Reply From: Likno Customer Support
Dear Diane,
I run several tests on your page and the problem seems to occur randomly depending on how your other scripts load in the page. If I remove the other scripts the problem never appears, and unfortunately I was not able to find which combination it is that causes this.
I have come up however with a “dirty” fix. You can add a timer that waits for the accordion to be loaded and then it closes all the accordion panes. In reality the panes are already closed, but this is enough to trigger a plain refresh that fixes the IE bug. Please try adding the following line in your page:
<script>
function fixAcc() {
if (typeof(eis_faqs)=="undefined")
setTimeout(fixAcc,100);
else
eis_faqs.closeAllAccordions();
}
fixAcc();
</script>Let me know if the problem persists.
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, bug, display, FireFox, header, html, IE, IE8, jquery, position, positioning, Safari, script, URL, website