sifr and IE8 - the three X's - please help - is there a reason why this happens?

Question

Hi,

I have been using sifr on a production website, unfortunately it renders incorrectly in IE8. I have removed sifr from the live version, but it is still visible on the staging version.

Here is the staging version: http://dev.primevigilance.com

Interestingly sifr is used in a couple of places on the page. At the top it replaces the title with

X X X

and throws an error in IE. Elsewhere on the page it simply degrades as would normally happen on a non-flash enabled browser. Any idea why this is happening? The error is '1.bottom is null or not an object' in sifr.js, line 19 character 14132.

Answer 1

The pages renders OK in IE8 compatibility view (where it emulates IE7). You can force this behavior by including the following in your header:

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

As IE7 is the "broken" mode the next step is to figure out why the page doesn't render properly in IE8 mode, but perhaps it is being "too smart" and doesn't realize that IE8 is more standards compliant.

Answer 2

Hi,

I came across this problem a while ago and have been searching for a solution.

I finally solved my problem, hopefully it will solve yours.

http://blog.clintonbeattie.com/sifr3-ie8-problem-and-solution/

Answer 3

It is unclear from your question which sIFR version you are using, but this problem should not occur in r436.