Shadowbox and Internet Explorer 8
This is a post from my previous blog which I thought I’d transfer here as it seems to be getting some Google hits!
(Originally posted Friday, 19th June 2009)
If, like me, you’ve been using Shadowbox.js by Michael J. I. Jackson for displaying shadow boxes for images and videos (see photos and videos), then you may have been slightly annoyed to get an “invalid argument in shadowbox.js” error when viewing the site in Internet Explorer 8.
To fix this, simply go to /(your-shadowbox-directory)/skin/classic/skin.css and add the following:
#shadowbox_title {
border: 0px solid;
}
#shadowbox_info {
border: 0px solid;
}And it will all work!
Related posts:
Hello from Russia!
Can I quote a post in your blog with the link to you?
Hi there Polprav, you can of course, thanks for asking, very polite of you!
You can also just put those CSS statements in your own css file, as long as it loads after the shadowbox css.
So, for my page I’ve got:
… load shadowbox js and css …
And then in ie-8.css I’ve placed your css statements.
Indeed you can Aaron, and that’s probably a better idea, especially if you have an IE8 specific CSS file as you have as it separates the original CSS from any browser specific changes.
Thanks for your comment!
You might find that you’ll run into a number of issues with JS API’s in IE8. One I use which is throwing a particular figary is Fancybox. There was no update available so what I did instead was add the following Meta tag to the page that called it:
This forces IE8 out of Quirks Mode and into Compatibility mode and renders the page as if it’s IE7.
Saved losing a couple of clients that one did…
T
Probably didn’t render this as I put the pointy brackets on it so it may have actually deleted it, what with spam protection and all. Here’s the meta data again anyway…
meta http-equiv=”X-UA-Compatible” content=”IE=7″
Yeah if you use the ASCII code for the angled brackets instead, it’s fine. Annoying though, would have thought WordPress would have implemented that. There must be a plugin for it somewhere.
You can also put it into <code> tags.
<meta http-equiv=”X-UA-Compatible” content=”IE=7″>It work fire
See more …
www .info24h.net/shadowbox/Shadowbox%20not%20working%20with%20Internet%20Explorer%208
Indeed, the link you referenced is exactly the same as the fix I suggested.