<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.2.1" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comments on: Google Maps + IE PNG Hack + IE 7 = Maps Asplode</title>
	<link>http://www.mattking.org/2007-05/google-maps-ie-png-hack-ie7-map-asplode.html</link>
	<description>Too many projects, too little time</description>
	<pubDate>Thu, 20 Nov 2008 13:38:32 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.2.1</generator>

	<item>
		<title>By: Craig</title>
		<link>http://www.mattking.org/2007-05/google-maps-ie-png-hack-ie7-map-asplode.html#comment-1155</link>
		<author>Craig</author>
		<pubDate>Mon, 11 Feb 2008 18:58:42 +0000</pubDate>
		<guid>http://www.mattking.org/2007-05/google-maps-ie-png-hack-ie7-map-asplode.html#comment-1155</guid>
		<description>I too had the same problems with the map not showing up in IE, it turned out that the png fix hack was causing the bug if it tried to fix png inside the google map, so I put in a some code to ignore all pngs that are inside the google map div tag.  It seems to work, but seems a little slow to load


HTML

&lt;!--[if lt IE 7]&#62;--&gt;


.
.



javascript 
// IE does not display the google map if we try and do this hack
// so ignore all pngs that are in the map parent
function parentNotMap(img){
  var pn = img.parentNode;
  rt = true;
  while (pn != null){
     if (pn.id == "map"){
        rt = false;
        break;
     }
     pn = pn.parentNode;
  }
  return rt
}
if ((version &#62;= 5.5) &#38;&#38; (document.body.filters)) 
{
   for(var i=0; i" 
	         img.outerHTML = strNewHTML
	         i = i-1
	      }
      }
   }
}</description>
		<content:encoded><![CDATA[<p>I too had the same problems with the map not showing up in IE, it turned out that the png fix hack was causing the bug if it tried to fix png inside the google map, so I put in a some code to ignore all pngs that are inside the google map div tag.  It seems to work, but seems a little slow to load</p>
<p>HTML</p>
<p><!--[if lt IE 7]&gt;--></p>
<p>.<br />
.</p>
<p>javascript<br />
// IE does not display the google map if we try and do this hack<br />
// so ignore all pngs that are in the map parent<br />
function parentNotMap(img){<br />
  var pn = img.parentNode;<br />
  rt = true;<br />
  while (pn != null){<br />
     if (pn.id == &#8220;map&#8221;){<br />
        rt = false;<br />
        break;<br />
     }<br />
     pn = pn.parentNode;<br />
  }<br />
  return rt<br />
}<br />
if ((version &gt;= 5.5) &amp;&amp; (document.body.filters))<br />
{<br />
   for(var i=0; i&#8221;<br />
	         img.outerHTML = strNewHTML<br />
	         i = i-1<br />
	      }<br />
      }<br />
   }<br />
}</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Bo</title>
		<link>http://www.mattking.org/2007-05/google-maps-ie-png-hack-ie7-map-asplode.html#comment-917</link>
		<author>Bo</author>
		<pubDate>Fri, 18 Jan 2008 09:50:33 +0000</pubDate>
		<guid>http://www.mattking.org/2007-05/google-maps-ie-png-hack-ie7-map-asplode.html#comment-917</guid>
		<description>Hi Matt,

I'm experiencing the same problems. I also resolved this using codintional comments for IE. But the biggest problems for me arise in IE6, it is definataly not loading the map, but also screwing around with my pngfix.js. Sometimes the page just dies, sometimes it shows my png's with the nasty grey edges.

Have you found a solution, but my seach on the internet has only shown me that it is a common problem, but unfortunataly not one with an easy solution!

thaks</description>
		<content:encoded><![CDATA[<p>Hi Matt,</p>
<p>I&#8217;m experiencing the same problems. I also resolved this using codintional comments for IE. But the biggest problems for me arise in IE6, it is definataly not loading the map, but also screwing around with my pngfix.js. Sometimes the page just dies, sometimes it shows my png&#8217;s with the nasty grey edges.</p>
<p>Have you found a solution, but my seach on the internet has only shown me that it is a common problem, but unfortunataly not one with an easy solution!</p>
<p>thaks</p>
]]></content:encoded>
	</item>
</channel>
</rss>
