I spent the whole of yesterday working on a new site I’m building and it was all looking good on my Mac browsers but when I had a look on Internet Explorer 9 via Parallels the title was cropped and there was a strange glitch at the bottom of the screen where a grey bar from the background had appeared on the main section, which caused a predictable degree of affectionate profanity aimed at Microsoft.
A friend who is a designer suggested I check it using the Internet Explorer developer tools, which I did and suddenly it looked fine, except that it wasn’t showing the Open Sans font, which is placed in the CSS by a link to Google.
This was perplexing so I visited the Adobe browser labs at https://browserlab.adobe.com/en-us/index.html and discovered that IE 7,8 and 9 were all pretty good. FireFox 11 on the Mac looked great but on Windows it looked like somebody had slipped it some hallucinogenic drugs which produced a strange rainbow coloured text. In Windows Chrome the text rendered horribly but here on my computer it looks fine.
The point of my long preamble here is how on earth are we supposed to reliably test our sites when faced with such widely differing results depending on where they are viewed? Does anybody have any better ways of analysing these things?
PS The site validates perfectly as Xhtml 1.0 strict.
freewaytalk mailing list
Update your subscriptions at: