What could cause sIFR text to display differently on different systems?
There's a website I built a few years ago using sIFR. Nothing's really changed on it at all in terms of styling — just some content added/removed edited via XML.
The site owner emailed me today asking why suddenly some of the text (rendered in sIFR3) is breaking like this:
I could not reproduce this on any of my brows开发者_如何学运维ers. It was happening to him in both FF and Safari (Mac). We are using the same browser versions on the same OS. He was on OS X 10.6.6 but upgraded to 10.6.7 while were trying to narrow down what would cause it. He still got the "incorrect" version. I downgraded my Flash plugins to the exact version he had on his computer, and I still had the "correct" version. He checked all the other computers at his office, and they all rendered it correctly as well.
So in two environments where all of these things were identical:
- Operating system and version
- Browser version
- Flash player/plugin version
What other possibilities could be causing the discrepancy?
I had wrapping text letters in IE but not FF -- but I found the solution. I used forceSingleLine: true; in my sIFR.replace styles in sifr-config.jsp. Below is an example of it being used.
sIFR.replace(test, { selector: 'h1', css: '.sIFR-root { color: #cccccc; width: 100%; text-align: left; letter-spacing:1;}', wmode: 'transparent', forceSingleLine: true; });
I found the answer here: http://www.conetrees.com/2009/10/quickposts/fixing-the-sifr-3-text-wrap-issue/
精彩评论