Overpass Experiences

The Eric Wroolie Blog

  • Facebook
  • Google+
  • Linkedin
  • Twitter
  • YouTube
  • Blog
  • Social Activity
  • Videos
  • Overpass Apps

Powered by Overpass Apps

Expression Superpreview and IE6 transparent PNG images

September 22, 2009 by wroolie Leave a Comment

Up until a few months ago, the best way to ruin a developer pc was to install IE7. 

As much as developers and web designers want the world to move away from IE6, there are still lots of machines that still run it.  These computers are typically in enterprise environments, where staff are prohibited from upgrading their browser and some in-house applications would stop working if they did.  I recently worked in an environment like this.

In the old days (back when all you could see was farmland for miles around), it was easy to load several versions of Netscape and run them concurrently.  I used to be able to code a web page and tell you how it looked in Netscape 3, Netscape 4, Firefox, and . . . whatever version of IE I had installed. 

Because there was no way to install multiple IE versions, you pretty much had to stick with the lowest common denominator—otherwise, there was no way to tell what your site would look like to the luddites.

It was possible to run different browser version in different virtual machines, but this was really tough on a slow pc.  image

Some developers don’t bother checking their code in other browsers at all—especially in a corporate environment, but I encourage it anyway.

A few months ago, Microsoft released the Expressions Superpreview application which renders your pages in  IE6 and IE7 in a side-by-side comparison.  This really makes life a lot easier.  While working on some changes for the Overpass site, I was able to view my site in Firefox, Safari, and IE8 on my workstation—and in IE6 and IE7 with Superpreview.  I found that my transparent PNG files were not transparent in IE6 and was able to correct this.

Superpreview is one of those tools that would have come in handy so many times in the past.  If you do cross-browser design, you should have a look at it.

The Superpreview application can be downloaded here.

And about the transparent png problem I had (in case you found this post while Googling the issue) . . .

I spent most of the morning and part of yesterday trying to get my transparent png files working.  They worked on the local PC, but not from the server.  I spent ages Googling problems with PNG and Ubuntu, PNG and Apache, etc, but couldn’t find the problem.  In the end, I found that the problem I first had was due to the fact that I was uploading the images as ASCII instead of binary. 

To fix the problem with png transparency rendering in IE6, I used a fantastic script written by Drew Diller called DD_belatedPNG which renders PNG files as VML.  That script can be found here.  What a huge help it was.

Filed Under: Software Dev & Productivity Tagged With: IE6, PNG, Superpreview, Transparency

Recent Posts

  • Preferring to Be Alone
  • How to Kill Someone’s Dreams
  • Are any Puzzle Pieces Missing?
  • Software Development Skills like Currency – And the value is always falling
  • Delegating and Giving up Control

RSS From the Overpass Blog

  • Since Apple Business Manager, Enterprise Apps Are Difficult September 11, 2019
  • Connecting Students Through School Mobile Apps May 14, 2019
  • Can You Make Money with Business Apps? April 5, 2019
  • Is an iPad App Developer the same as an iPhone Developer? February 21, 2019
  • How Apple IOS Developers need to think differently February 13, 2019
  • The Do’s and Don’ts of Enterprise Mobile App Development February 11, 2019
  • Premier mobile app development company expanding its market reach February 1, 2019
  • Overpass Apps is making waves in iOS and Android designs in the UK January 30, 2019
  • Construction Apps From Top UK Construction Companies June 7, 2018
  • Infographic: Top 5 Apps with 1 Billion Downloads June 5, 2018

Tags

Anti-virus Army Days ASP.Net Automation Baseball Beijing BR China Chinglish coding Cornbury CSS DLI Eric Wroolie Family Gym Holiday HTML5 IE6 Line Break Misc. music MVC Framework Nike+ Overpass PNG PowerShell Redcloth Ruby Runkeeper scam Skype Spotify Superpreview Textile Transparency Webby Web Design Web Standards