Hello,

I successfully installed Shadowbox and left it perfectly working in Chrome, Firefox, Safari. However, in IE8 the media elements simply keep apearing without the animation.

After some googling, I managed to apply the IE7 Compatibility Mode work around:

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

...but today it doesn't work anymore! I also tryed the CSS fix:

	#shadowbox_title { 
	  border: 0px solid; 
	} 

	#shadowbox_info { 
	  border: 0px solid; 
	}

...and still nothing!

What I can't understand is the reason why that when I "Test Shadowbox with the current settings" in ../admin/settings/shadowbox it works perfectly in IE8.

Can it be a new IE update as usually?

Help, please...

Comments

nicholas.alipaz’s picture

nicholas.alipaz commented
Priority: Critical » Normal
Status: Needs work » Active

Are you sure you have used a doc type in your theme's page.tpl.php? Try using garland and see if things start working.

See FAQ http://www.shadowbox-js.com/faq.html
--
Los Angeles Web Design and development for Drupal.

xpound’s picture

xpound commented

Hi,

In page.tpl.php I'm using the following DOCTYPE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
I've tested other doctypes but always got the above result.

However, I've found another problem with my IE8, using Mobile Tools Module. My browser kept displaying the mobile theme. What I've found is that the User Agent sent was:
HTTP_USER_AGENT: Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/532.5 (KHTML, like Gecko) Chrome/4.1.249.1045 Safari/532.5
With a little tool [http://www.enhanceie.com/ietoys/uapick.asp], I've managed to change UA to a "right one":
HTTP_USER_AGENT: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2)
Having correted the Mobile Tools behaviour, still couldn't make shadowbox work just fine.

Using other themes had no difference.

Looking forward for your reply.

nicholas.alipaz’s picture

nicholas.alipaz commented

Have you tried the doctype's listed on this page? http://www.shadowbox-js.com/support.html

Those are the ones the author suggests using. Also are you using the rel="shadowbox" attribute on your <a> tags?
--
Los Angeles Web Design and development for Drupal.

jteague’s picture

jteague commented

I thought it might be good to share an additional reason why Shadowbox (this also occurs with Lightbox2) may fail to function properly in IE8. If you are loading shadowbox using IFRAME method, you could experience the following symptoms in Drupal 6:

  • The shadowbox launches normally and without error in FF3 and Safari
  • The shadowbox launches normally, but the page is not displayed at all in IE8, and errors are not reported
  • The doctype for the page you are loading into shadowbox meets the requirement for shadowbox

If this is the case, I strongly recommend that you look closely at the stylesheets that are being loaded into the page you are attempting to load into your shadowbox. Remember, the page itself loads, but is not visible in IE8. In my case, the problem was a conflicting html and body styles in my local theme css file. However, the conflict could also occur with css loaded from modules, etc. You may need to temporarily disable print $local_styles; and then start adding stylesheets back into your page template file manually to identify the culprit. Alas, not all issues are that easy to diagnose.

xpound’s picture

xpound commented
Status: Active » Closed (fixed)