Browser-compatibility

September 11, 2008

This design for Sinking Puppies is a style for K2, so I guess that left me in pretty good stead for cross-browser compatibility. The actual K2 website shows the theme as it is in it’s default form, and comparing Sinking Puppies to the original K2 makes it kinda obvious I’ve torn it apart, so towards the end of my design cycle I was getting a bit worried that it wasn’t going to work so well in other browsers. Alas, everything was fine.

  • Safari 2: perfect
  • Safari 3 nightlies: perfect
  • Firefox 3: good. CSS-based drop shadows don’t appear, does not support background-position-y: bottom
  • Google Chrome: perfect

So I was happy about that – the two main renderers (WebKit and Gecko) were rendering my design correctly – yay! Then I thought about IE. I ended up giving up trying to fix my CSS to work properly, and went for IE7, a JavaScript script that rewrites my CSS for me, on the fly, to make it compatible with Internet Explorer. Kinda cool really. And it works pretty well:

  • Internet Explorer 6: content is readable, but it looks like ass
  • Internet Explorer 7: before application of the IE7 JavaScript, it was totally b0rk3d. but now it doesn’t display header menu correctly
  • Internet Explorer 8: doesn’t display header menu correctly

So all in all, I think this is my most happy-fun-time design release ever!