December 21st, 2012LWMW: Modal Window opens behind the page in IE9
Knowledge Base support case for Likno Web Modal Windows Builder, abstracted and stripped of all user’s private info.
Initial Email From: User
Initial Email Subject: Modal window not working correctly in IE9 but OK in firefox, chrome and safari - any ideas?
Support Case Month: June 2012
I am calling a modal window within a tab (actually a double tab) and it is working correctly as I want it to in firefox, chrome and safari but in IE9 the modal window is opening behind the page content. The z-index of the modal window script is left as 2000.
http://www.tsgusa.com/abouttsg_jobs.htm
Any suggestions to get this working right in IE9?
Reply From: Likno Customer Support
Hello,
This is very weird and I am not sure as to what exactly is causing it, but I can tell you that it all starts because you do not have a valid DOCTYPE definition in your page. When your page lacks a proper DOCTYPE then IE goes into “quirks mode” which is essentially IE5.5 compatibility mode. This is what is causing the problem in all IE versions (not only IE9).
Please try changing this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
With this:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Let me know if you have any more issues after this.
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: User
That fixed it! All of the pages had the correct doctype (the exact one you supplied) except for the abouttsg_jobs.htm page which for some reason was truncated (no idea how that happened, and wouldn't have caught that without your help or hours of going through code). A thousands thanks.
Tags: chrome, compatibility mode, doctype, FireFox, ie5.5, IE9, jquery, modal, modal window, Safari, script, website, window, z index