Knowledge Base support case for Likno Web Accordion Builder, abstracted and stripped of all user’s private info.
Initial Email From: Todd
Initial Email Subject: Accordion Separator Display Issue
Support Case Month: December 2012
Greetings. I have noticed recently that a particular accordion's separator is displayed differently on any pages. In some instances the separator is thin, whereas in some instances it is thick. This is despite any obvious CSS changes that I can tell.
On my screen, this is one of the separators that appears thicker:
{URL REMOVED}
These separators appear thin (desired):
{URL REMOVED}
Additionally, all accordion separators look thin when viewed with Chrome.
Is this something that I goofed up? I don't remember making any significant changes, but I could be all wet. Any help is most appreciated. Cheers and thanks!
Reply From: Likno Customer Support
Dear Todd,
I assume that the thin separator is this:
And the thick is this:
If so, the “thick” happens only in IE when it is in “quirks mode”. This is actually IE5.5 Compatibility Mode and it happens when you do not have a valid DOCTYPE in your page. Having anything at all before the DOCTYPE can also trigger the quirks mode (the DOCTYPE should always be the first thing in the page).
My suggestion is that you turn your pages to the HTML 5 DOCTYPE which is much simpler and make sure that all your pages start with the following two lines:
<!DOCTYPE html>
<html>
Note that this DOCTYPE does not require any URLs nor does it have different modes (e.g. transitional, strict etc.)
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
Reply From: Todd
Yes, that’s correct about the separator.
Thanks for the help, Kostas!
Tags: accordion, chrome, CSS, display, doctype, html, HTML 5, IE, jquery, separator, website