R – Three Xs show when using sIFR on IE8

internet-explorer-8sifr

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

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

Best Answer

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.

Related Solutions

Javascript – What happened to console.log in IE8

console.log is only available after you have opened the Developer Tools (F12 to toggle it open and closed). Funny thing is that after you've opened it, you can close it, then still post to it via console.log calls, and those will be seen when you reopen it. I'm thinking that is a bug of sorts, and may be fixed, but we shall see.

I'll probably just use something like this:

function trace(s) {
  if ('console' in self && 'log' in console) console.log(s)
  // the line below you might want to comment out, so it dies silent
  // but nice for seeing when the console is available or not.
  else alert(s)
}

and even simpler:

function trace(s) {
  try { console.log(s) } catch (e) { alert(s) }
}

R – sifr clipping when using filters

You can use the offsetLeft parameter to move the text to the right, and if necessary use tuneWidth to make the movie wider.

offsetTop and tuneHeight do the same for the vertical axis, and you can use negative values.

Best Answer

Related Solutions

Javascript – What happened to console.log in IE8

R – sifr clipping when using filters

Related Topic