I don’t have any immediate answers to this – because (as far as I know) Rotating Tweets doesn’t do anything to the background colour.
However the jQuery.cycle script does make some background changes.
What happens if you add
cleartypeNoBg: true,
at around lines 38 and 65 to the /js/rotating_tweets.js javascript?
Works like a charm. Thank you ever so much for providing me with such a quick and simple solution.
Cool.
It means that (for some reason), your site is displaying in Quirks mode – and that it will (now) look very odd in IE6 with a fade transition (as per this) – which, since you’re not using it, probably isn’t a problem!
Stopping quirks mode can be a bit of a pain – but is probably worth doing. There’s nothing obvious to cause it except perhaps the line-break in the middle of
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
It may be enough to remove the line break or change this to
<!DOCTYPE html>
… which leaves the question of whether to build the cleartypeNoBg: true, flag into the main code. I don’t know how many sites have fade transitions and are being viewed in IE6!
As a PS, I looked at IE6 traffic on my own website for the last year – and have now built this setting into the main plug-in. So you won’t have to edit the HTML every time the plug-in upgrades! 🙂
(Cue hordes of disgruntled IE6 users…)
Martin thanks again. I took your suggestion and changed the DOCTYPE. I tried removing the “cleartypeNoBg: true” to see what would happen and the black border came back. Although if i chose compatibility mode from IE9 it went away. My site seems to be behaving correctly now for the best part. Thanks.
