Problems with Shadowbox and IE8

hi.

I love shadowbox and I'm happily using it with Opera/FF/Chrome.
Sadly, I seem to have problems with IE8. On a client computer I get JS error, on my IE8 I just get the image opened as if the js code isn't executed.

I tried adding

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

as someone suggested but didn't help.

You can see the problem here:
http://www.villaconfalonieri.it/cucina.html

I tried every possible JS engine but all failed on IE.
What can I try?
thanks!
maxxer

03 Aug 09

Hi Maxxer,

Can you please take a look at the FAQ on the shadowbox javascript site:

http://www.shadowbox-js.com/faq.html

They have some different options you can try there.

04 Aug 09

hi Daniel, thank you for your reply.

I had a look at the FAQ, the only one relevant I could find is the one about DOCTYPE. I tried both options, but unfortunately no one helped.

any other idea?
thank you very much.

04 Aug 09

after double checking, seems that

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd">

finally helped! thanks!

but now I receive a "syntax error" in jQuery :(
googling...

04 Aug 09

just in case anyone else run into this one, I had to:
- upgrade ninja shadowbox's jquery to 1.3.1 (current release)
- add the above "DOCTYPE"
- add the above "X-UA-Compatible"

now it works.
thanks

04 Aug 09

Thanks for sharing the solution maxxer :)

05 Aug 09

Thanks for sharing this Lorenzo,

As a thank you present have 2 months of silver membership free of charge. :-)

05 Aug 09

Daniel wrote:

Thanks for sharing this Lorenzo,

As a thank you present have 2 months of silver membership free of charge. :-)

wow! undeserved... :)

thank you very much!

15 Aug 09

Hello,
I am having an issue with shadowbox in IE8 also. In my case, it does not do anything... just a blank black window.

From the conversation below, tt seems like the solution may involve these two lines of code:

---------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

---------------------------------------

Can anyone provide a little more direction (I am not technical)... where should these lines be inserted? What file? Does it matter which line? Is there anything else that needs to be done like comment out another line, etc???

Many thanks,
Mike

15 Aug 09

l'm experiencing the same problem. Thanks in advance for any help.

15 Aug 09

mike177 wrote:

Hello,
I am having an issue with shadowbox in IE8 also. In my case, it does not do anything... just a blank black window.

From the conversation below, tt seems like the solution may involve these two lines of code:

---------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

---------------------------------------

Can anyone provide a little more direction (I am not technical)... where should these lines be inserted? What file? Does it matter which line? Is there anything else that needs to be done like comment out another line, etc???

Many thanks,
Mike

Hi Mike, leftbrain,

Both lines need to go in your template index.php file.
You will find it at [yourdomain]/templates/[templatename]/index.php

At the very top of index.php you should see a DOCTYPE statement. It might be on one line or broken into two lines. Remove it completely and replace with the DOCTYPE above (if it is different).

Then, a bit further down the same index.php file you will see this tag: <head>

Put the Meta tag on the line immediately after this <head> tag.

Let me know how it goes.