Category Archives: JQuery

Jquery Fancy Box – Issue in IE – How to fix?

I used jquery fancy box for displaying the contact box in the ocean dental web site and when I tested it using chrome, safari and firefox it was working without any issue. But when I tested using IE 7/ 8 it was not showing up properly. the fancy box has become smaller than the content on the page.

After trying to fix the issue by trying various css tricks and editing the stylesheets used by fancy box.

I found that the page that I am calling fancy box must have a specific doc type. after applying what is given in fancy box site it started working without any issue. If your like me and if you have just integrated fancy box by copieng from the demo you might also get this error, so to fix this use the following doc type on the page that your calling fancy box.

<code>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml&#8221; xml:lang=”en” lang=”en”>

</code>

 

Hope this will help. 🙂

Advertisements