<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Overpass Experiences &#187; Superpreview</title>
	<atom:link href="http://www.wroolie.co.uk/tag/superpreview/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.wroolie.co.uk</link>
	<description>The Eric Wroolie Blog</description>
	<lastBuildDate>Fri, 27 Jan 2012 09:45:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Expression Superpreview and IE6 transparent PNG images</title>
		<link>http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/</link>
		<comments>http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 12:08:54 +0000</pubDate>
		<dc:creator>Eric Wroolie</dc:creator>
				<category><![CDATA[Software Dev & Productivity]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[Superpreview]]></category>
		<category><![CDATA[Transparency]]></category>

		<guid isPermaLink="false">http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/</guid>
		<description><![CDATA[Up until a few months ago, the best way to ruin a developer pc was to install IE7.&#160; 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.&#160; These computers are typically in enterprise environments, where staff are prohibited from [...]
Related posts:<ol>
<li><a href='http://www.wroolie.co.uk/2007/05/08/57/' rel='bookmark' title='Silverlight on Expression Blend with AVG Anti-Virus'>Silverlight on Expression Blend with AVG Anti-Virus</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Up until a few months ago, the best way to ruin a developer pc was to install IE7.&#160; </p>
<p>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.&#160; 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.&#160; I recently worked in an environment like this.</p>
<p>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.&#160; 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.&#160; </p>
<p>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. </p>
<p>It was possible to run different browser version in different virtual machines, but this was really tough on a slow pc.&#160; <a href="http://www.wroolie.co.uk/content/images/ExpressionSuperpreviewandIE6transparentP_B8D6/image.png"><img title="image" style="border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; border-left: 0px; margin-right: 0px; border-bottom: 0px" height="187" alt="image" src="http://www.wroolie.co.uk/content/images/ExpressionSuperpreviewandIE6transparentP_B8D6/image_thumb.png" width="244" align="right" border="0" /></a></p>
<p>Some developers donât bother checking their code in other browsers at allâespecially in a corporate environment, but I encourage it anyway.</p>
<p>A few months ago, Microsoft released the Expressions Superpreview application which renders your pages in&#160; IE6 and IE7 in a side-by-side comparison.&#160; This really makes life a lot easier.&#160; While working on some changes for the <a href="http://www.overpass.co.uk" target="_blank">Overpass</a> site, I was able to view my site in Firefox, Safari, and IE8 on my workstationâand in IE6 and IE7 with Superpreview.&#160; I found that my transparent PNG files were not transparent in IE6 and was able to correct this.</p>
<p>Superpreview is one of those tools that would have come in handy so many times in the past.&#160; If you do cross-browser design, you should have a look at it. </p>
<p>The Superpreview application can be downloaded <a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=8e6ac106-525d-45d0-84db-dccff3fae677&amp;displaylang=en" target="_blank">here</a>.</p>
<p> And about the transparent png problem I had (in case you found this post while Googling the issue) . . .</p>
<p>I spent most of the morning and part of yesterday trying to get my transparent png files working.&#160; They worked on the local PC, but not from the server.&#160; I spent ages Googling problems with PNG and Ubuntu, PNG and Apache, etc, but couldnât find the problem.&#160; 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.&#160; </p>
<p>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.&#160; That script can be found <a href="http://www.dillerdesign.com/experiment/DD_belatedPNG/" target="_blank">here</a>.&#160; What a huge help it was.</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/intent/tweet?text=Expression+Superpreview+and+IE6+transparent+PNG+images+http%3A%2F%2Fwroolie.co.uk%2F%3Fp%3D467" title="Post to Twitter"><img class="nothumb" src="http://www.wroolie.co.uk/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter-micro3.png" alt="Post to Twitter" /></a> <a class="tt" href="http://delicious.com/post?url=http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/&amp;title=Expression+Superpreview+and+IE6+transparent+PNG+images" title="Post to Delicious"><img class="nothumb" src="http://www.wroolie.co.uk/wp-content/plugins/tweet-this/icons/en/delicious/tt-delicious-micro3.png" alt="Post to Delicious" /></a> <a class="tt" href="http://digg.com/submit?url=http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/&amp;title=Expression+Superpreview+and+IE6+transparent+PNG+images" title="Post to Digg"><img class="nothumb" src="http://www.wroolie.co.uk/wp-content/plugins/tweet-this/icons/en/digg/tt-digg-micro3.png" alt="Post to Digg" /></a> <a class="tt" href="http://www.facebook.com/share.php?u=http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/&amp;t=Expression+Superpreview+and+IE6+transparent+PNG+images" title="Post to Facebook"><img class="nothumb" src="http://www.wroolie.co.uk/wp-content/plugins/tweet-this/icons/en/facebook/tt-facebook-micro3.png" alt="Post to Facebook" /></a> <a class="tt" href="http://ping.fm/ref/?method=microblog&amp;title=Expression+Superpreview+and+IE6+transparent+PNG+images&amp;link=http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/" title="Post to Ping.fm"><img class="nothumb" src="http://www.wroolie.co.uk/wp-content/plugins/tweet-this/icons/en/ping/tt-ping-micro3.png" alt="Post to Ping.fm" /></a> <a class="tt" href="http://stumbleupon.com/submit?url=http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/&amp;title=Expression+Superpreview+and+IE6+transparent+PNG+images" title="Post to StumbleUpon"><img class="nothumb" src="http://www.wroolie.co.uk/wp-content/plugins/tweet-this/icons/en/su/tt-su-micro3.png" alt="Post to StumbleUpon" /></a></p></div><p>Related posts:<ol>
<li><a href='http://www.wroolie.co.uk/2007/05/08/57/' rel='bookmark' title='Silverlight on Expression Blend with AVG Anti-Virus'>Silverlight on Expression Blend with AVG Anti-Virus</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.wroolie.co.uk/2009/09/22/expression-superpreview-and-ie6-transparent-png-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
