<?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>Labs &#187; IE</title>
	<atom:link href="http://labs.iamkoa.net/category/ie/feed/" rel="self" type="application/rss+xml" />
	<link>http://labs.iamkoa.net</link>
	<description>I break it. I fix it. You learn.</description>
	<lastBuildDate>Fri, 09 Jul 2010 02:26:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Displaying PNG&#8217;s in IE &#8211; Inline vs External CSS</title>
		<link>http://labs.iamkoa.net/2007/10/15/displaying-pngs-in-ie-inline-vs-external-css/</link>
		<comments>http://labs.iamkoa.net/2007/10/15/displaying-pngs-in-ie-inline-vs-external-css/#comments</comments>
		<pubDate>Mon, 15 Oct 2007 22:37:03 +0000</pubDate>
		<dc:creator>Koa</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://labs.iamkoa.net/2007/10/15/displaying-pngs-in-ie-inline-vs-external-css/</guid>
		<description><![CDATA[According to Microsoft support , correctly displaying PNG&#8217;s in Internet Explorer should be as simple as copying &#038; pasting their example. This is the CSS that Microsoft claims will correctly display : filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='crop'); The above code will work for inline CSS, that is, CSS mixed with HTML: &#60;div id="png_bg" style="position:absolute; left:140px; height:400; width:400; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( [...]]]></description>
			<content:encoded><![CDATA[<p>According to <a href="http://support.microsoft.com/kb/294714" target="_blank">Microsoft support </a>, correctly displaying PNG&#8217;s in Internet Explorer should be as simple as copying &#038; pasting their example. This is the CSS that Microsoft claims will correctly display :</p>
<pre><code>filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image.png', sizingMethod='crop');</code></pre>
<p>The above code will work for inline CSS, that is, CSS mixed with HTML:</p>
<pre><code>&lt;div id="png_bg" style="position:absolute; left:140px; height:400; width:400;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
     src='image.png', sizingMethod='crop');" &gt;
&lt;/div&gt;</code></pre>
<p>If you don&#8217;t want to mix your CSS with your HTML, external style sheets are the obvious choice. However the above example won&#8217;t work in an external style sheet. Instead, the path to <strong>image.png</strong> needs to be absolute, like this: <code>/direct/path/to/image.png</code></p>
<p>Your external style sheet would look something like this:</p>
<pre><code>#png_bg {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/path/to/image.png');
}</code></pre>
<p>Shout at me if I got this all wrong.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.iamkoa.net/2007/10/15/displaying-pngs-in-ie-inline-vs-external-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6 Select Option, Sans Disabled</title>
		<link>http://labs.iamkoa.net/2007/09/24/ie6-select-option-sans-disabled/</link>
		<comments>http://labs.iamkoa.net/2007/09/24/ie6-select-option-sans-disabled/#comments</comments>
		<pubDate>Mon, 24 Sep 2007 22:18:23 +0000</pubDate>
		<dc:creator>Koa</dc:creator>
				<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://labs.iamkoa.net/2007/09/24/ie6-select-option-sans-disabled/</guid>
		<description><![CDATA[Internet Explorer (IE) yanks a furry cats ass. If for any reason you disagree with me, then you&#8217;re retarded. It&#8217;s that simple. Assuming you want to disable a few select options, don&#8217;t try the following in IE6: &#60;select name="ie_sucks"&#62; &#60;option disabled="disabled"&#62;One&#60;/option&#62; &#60;option disabled="disabled"&#62;Two&#60;/option&#62; &#60;option&#62;Three&#60;/option&#62; &#60;/select&#62; Although the above example is valid XHTML (and therefore works [...]]]></description>
			<content:encoded><![CDATA[<p>Internet Explorer (IE) yanks a furry cats ass. If for any reason you disagree with me, then you&#8217;re retarded. It&#8217;s that simple.</p>
<p>Assuming you want to disable a few select options, don&#8217;t try the following in IE6:
<pre><code>&lt;select name="ie_sucks"&gt;
   &lt;option disabled="disabled"&gt;One&lt;/option&gt;
   &lt;option disabled="disabled"&gt;Two&lt;/option&gt;
   &lt;option&gt;Three&lt;/option&gt;
&lt;/select&gt;</code></pre>
<p>Although the above example is valid XHTML (and therefore works in Opera, Firefox, Safari, etc), IE6 displays all three options as selectable, as if the disabled option was never set. Thankfully <a href="http://www.lattimore.id.au/2005/07/01/select-option-disabled-and-the-javascript-solution/">lattimore.id.au</a> has come up with a nice fix.</p>
<p>Puke you later IE.</p>
<p>Update: I should also note that IE7 doesn&#8217;t accept <code>disabled="disabled"</code> in an option field. Sweet Christ.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.iamkoa.net/2007/09/24/ie6-select-option-sans-disabled/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
