ADOBE DREAMWEAVER:

Home

Dreamweaver Forum

Dreamweaver Tutorials

FAQ

Adobe Flash

Web Design

Using PNG in IE5.5 or IE6


	Cow Forums : Adobe Dreamweaver << PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>

Using PNG in IE5.5 or IE6
by Richard Williams on Jul 2, 2009 at 9:31:08 pm

i found this on allowing Windows IE 5.5 and IE 6.

Add the following as a java script page to your root folder.

/*

 

Correctly handle PNG transparency in Win IE 5.5 & 6.

http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.



Use in <HEAD> with DEFER keyword wrapped in conditional comments:

<!--[if lt IE 7]>

<script defer type="text/javascript" src="pngfix.js"></script>

<![endif]-->



*/



var arVersion = navigator.appVersion.split("MSIE")

var version = parseFloat(arVersion[1])



if ((version >= 5.5) && (document.body.filters)) 

{

   for(var i=0; i<document.images.length; i++)

   {

      var img = document.images[i]

      var imgName = img.src.toUpperCase()

      if (imgName.substring(imgName.length-3, imgName.length) == "PNG")

      {

         var imgID = (img.id) ? "id='" + img.id + "' " : ""

         var imgClass = (img.className) ? "class='" + img.className + "' " : ""

         var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "

         var imgStyle = "display:inline-block;" + img.style.cssText 

         if (img.align == "left") imgStyle = "float:left;" + imgStyle

         if (img.align == "right") imgStyle = "float:right;" + imgStyle

         if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle

         var strNewHTML = "<span " + imgID + imgClass + imgTitle

         + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"

         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"

         + "(src='" + img.src + "', sizingMethod='scale');"></span>" 

         img.outerHTML = strNewHTML

         i = i-1

      }

   }

}

Then copy this into the head of your HTML

<!--[if lt IE 7.]>

<script defer type="text/javascript" src="pngfix.js"></script>

<![endif]-->

Richard Williams

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Fernando Mol on Jul 4, 2009 at 2:47:28 am

Nice post, Richard. I wonder if this kind of stuff can be added to the FAQ.

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Richard Williams on Jul 4, 2009 at 1:47:44 pm

it can do, but i have not tested it myself, so waiting for someone to comment if it works first...

Richard Williams

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Kristen Dormaier on Jul 7, 2009 at 4:42:07 pm

I couldn't get it to work. Although I haven't gotten any PNG fixes to work for IE5.5 or IE6. I'll keep trying...

Kristen

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Richard Williams on Jul 7, 2009 at 7:14:54 pm

Hi Kristen,

could you share your code here for us to take a look please...?

Thanks

Richard Williams

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Kristen Dormaier on Jul 23, 2009 at 10:38:01 pm

Sorry, I've been on vacation for a bit, and came back and totally forgot about this post! I tried another PNG fix, but don't seem to have it working either. Here is the code for the homepage. You can see it online at http://www.gilbertassociates.com/new09/gahome1.html.

I think the last one I tried was from http://christopherschmitt.com/2007/10/30/png-transparency-for-internet-expl...

This is in the code right now, but doesn't seem to be working either.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Seattle Microsoft Dynamics NAV Navision, Sage Pro ERP Business Process Software</title>

<meta name="description" content="Microsoft Dynamics NAV Navision, Sage PRO ERP business process software by Gilbert & Associates, serving accounting and manufacturing software to greater Seattle, WA and Alaska.

" /><meta name="keywords" content="Microsoft Dynamics NAV, Navision, Sage PRO ERP business process software, accounting software, manufacturing software, inventory management software, training,implementation, support

" />



<link href="Templates/GA4.css" rel="stylesheet" type="text/css" media="screen" />



<!--[if lte IE 6]>

<link rel="stylesheet" type="text/css" media="screen" 

href="CSSFiles/ie.css" />    

<![endif]-->



<!--[if IE 5]>

<style type="text/css"> 

/* place css box model fixes for IE 5* in this conditional comment */

.twoColFixLtHdr #sidebar1 { width: 230px; }

</style>

<![endif]-->

<!--[if IE]>

<style type="text/css"> 

/* place css fixes for all versions of IE in this conditional comment */

.twoColFixLtHdr #sidebar1 { padding-top: 30px; }

.twoColFixLtHdr #mainContent { zoom: 1; }

/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

</style>

<![endif]-->



<script src="../SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>

<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>



<link href="../SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" media="screen" />

<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<link href="CSSFiles/ie.css" rel="stylesheet" type="text/css" />

</head>



<body class="twoColFixLtHdr">



<div id="container">

  <div id="header">

  

<table width="907" border="0" cellpadding="0" cellspacing="0">

      <tr>

        <td width="245" rowspan="2"><div class="galogo"><a href="gahome1.html"><img src="images/new/galogo.png" alt="Gilbert &amp; Associates" width="199" height="86" border="0" /></a></div></td>

        <td height="40" colspan="2"><div class="quicklinks">

          <ul>

            <li><a href="support.html">Support Links</a></li>

            <li><a href="contactus.html">Contact Us</a></li>

          </ul>

        </div></td>

      </tr>

      <tr>

        <td height="37" colspan="2">  <div class="keywords">

            <h1>Business Process Software – Microsoft Dynamics NAV, Navision, Sage Pro ERP – Seattle

</h1>

          </div></td>

      </tr>

      <tr>

        <td width="245">&nbsp;</td>

        <td width="59" height="40">&nbsp;</td>

        <td width="603">

<div class="links">

    <ul id="Navigation" class="MenuBarHorizontal">

      <li><a class="MenuBarItemSubmenu" href="products.html">Products</a>

        <ul>

          <li><a href="nav.html">Microsoft Dynamics NAV</a></li>

          <li><a href="SagePro.html">Sage Pro ERP</a></li>

          <li><a href="sagecrm.html">Sage CRM</a></li>

          <li><a href="addon.html">Add-On Products</a></li>

        </ul>

      </li>

      <li><a href="solutions.html" class="MenuBarItemSubmenu">Solutions</a>

        <ul>

          <li><a href="wholesaledistribution.html">Wholesale Distribution</a></li>

          <li><a href="manufacturing.html">Manufacturing</a></li>

          <li><a href="financialmanagement.html">Financial Management</a></li>

          <li><a href="crm.html">Customer Relationship Management</a></li>

        </ul>

      </li>

      <li><a href="resources.html" class="MenuBarItemSubmenu">Resources</a>

        <ul>

  <li><a href="doc.html">Document Library</a></li>

  <li><a href="news.html">Newsletter</a></li>

  <li><a href="events.html">Events</a></li>

  <li><a href="faqs.html">FAQs</a></li>

  <li><a href="#">Blog</a></li>

          </ul>

      </li>

      <li><a href="services.html">Services</a></li>

      <li><a href="about.html" class="MenuBarItemSubmenu">About Us</a>

        <ul>

<li><a href="TheTeam.html">Who We Are</a></li>

<li><a href="teambios.html">Our Team</a></li>

<li><a href="careers.html">Careers</a></li>

<li><a href="contactus.html">Contact Us</a></li>

        </ul>

      </li>

    </ul>

  </div>

</td>

      </tr>

    </table>

    <!-- end #header -->

  </div>

  <div id="sidebar1">

    <table width="200" border="0" align="center" cellpadding="0" cellspacing="2" id="logoholder">

      <tr>

        <td colspan="2"><div id="tagline"></div></td>

      </tr>

      <tr>

        <td colspan="2">&nbsp;</td>

      </tr>

      <tr>

        <td height="58"><div id="sagelogo"></div></td>

        <td><div id="msftlogo"></div></td>

      </tr>

      <tr>

        <td height="18" colspan="2">&nbsp;</td>

      </tr>

    </table>

    <div class="product" id="spotlight">

      <table width="100%" border="0" cellspacing="2" cellpadding="0">

        <tr>

          <td colspan="2"><h3>Product Spotlight</h3></td>

        </tr>

        

        <tr>

          <td><a href="nav.html"><img src="images/new/navbox.gif" alt="Microsoft Dynamics NAV Washington" width="75" height="97" border="0" align="top" /></a></td>

          <td><a href="nav.html" class="linkedsidebarsub">Microsoft Dynamics NAV</a></span>

<p class="sidebartext">Microsoft Dynamics NAV is a   complete and customizable business management solution that helps your people   work faster and smarter.</p>

<p class="sidebartext"><a href="nav.html"><img src="images/new/morebutton.gif" alt="Navision Washington" width="43" height="16" border="0" align="right" /></a></p>

<p class="sidebartext">&nbsp;</p></td>

        </tr>

        <tr>

          <td><img src="images/new/SagePro.gif" alt="Accounting Software Seattle" width="75" height="90" align="top" /></td>

          <td><a href="SagePro.html" class="linkedsidebarsub">Sage Pro ERP</a>

          <p class="sidebartext">Sage Pro ERP is an award-winning accounting and manufacturing system that can be fully tailored to work the way you do.</p>

          <p><a href="SagePro.html"><img src="images/new/morebutton.gif" alt="Sage Pro ERP Washington" width="43" height="16" border="0" align="right" /></a></p>

          <p>&nbsp;</p></td>

        </tr>

        <tr>

          <td><img src="images/new/crmboxshot.gif" alt="Manufacturing Software Seattle" width="75" height="89" align="top" /></td>

          <td><a href="crm.html" class="linkedsidebarsub">Sage CRM</a>

            <p class="sidebartext">SageCRM  is an easy-to-use, fast-to-deploy, feature-rich customer relationship management (CRM) solution providing enterprise-wide access to vital customer information—anytime, anywhere.</p>

          <p><a href="sagecrm.html"><img src="images/new/morebutton.gif" alt="Business Process Software Seattle" width="43" height="16" border="0" align="right" /></a></p></td>

        </tr>

      </table>

    </div>



    <div class="quote" id="quote">

      <p>&quot;You guys are the best consultants I have ever had the privilege to work with.   And, I have been in this business for most of my life so just wanted you to know   this...we sincerely appreciate your incredible support.&quot;</p>

      <p>-Kathie McIndoe, Fiberlay</p>

    </div>

 

 

<h3>New Resources</h3>

    <table width="209" border="0" cellspacing="2" cellpadding="0">

      <tr>

        <td width="47"><img src="images/new/TTsmall.png" alt="Microsoft Dynamics NAV Tips &amp; Tricks" width="38" height="50" border="0" /></td>

        <td width="156"><h4>NAV Tips &amp; Tricks- Hot Keys in NAV</h4></td>

      </tr>

      <tr>

        <td><a href="file:///C|/Documents and Settings/kristen/Application Data/Adobe/Dreamweaver CS4/en_US/Configuration/ServerConnections/Unnamed server/Documents/Pro_MonthEndChecklists09-1.pdf"><img src="images/new/Checklistsmall.png" alt="Sage Pro ERP Expert Seattle" width="38" height="50" border="0" /></a></td>

        <td><h4><a href="Documents/Pro_MonthEndChecklists09-1.pdf">Sage Pro Month End Checklists</a></h4></td>

      </tr>

      <tr>

        <td>&nbsp;</td>

        <td><h4>&nbsp;</h4></td>

      </tr>

    </table>

    <p>Visit our Resources page for more! <img src="images/new/gobutton.gif" alt="Sage Pro Tips &amp; Tricks " width="49" height="24" align="right" /></p>

<p>&nbsp;</p>

  <!-- end #sidebar1 --></div>

<div id="mainContent"> 

    <table width="620" border="0" cellpadding="0" cellspacing="2" class="headertable">

      <tr>

        <td height="187" colspan="2"><img src="images/new/happyplace.gif" width="600" height="289" alt="sagecrm" /></td>

      </tr>

      <tr>

        <td width="522"><h6 class="headeraction" id="headeraction">Not sure what to look for in a CRM or ERP System? Download our how to choose guide to help answer your questions about choosing an ERP or CRM system.<br />

        </h6></td>

        <td width="96" class="buttoncell"><img src="images/new/Downloadbutton.gif" width="100" height="50" alt="How to Choose a Distribution System" /></td>

      </tr>

    </table>

    <div id="CollapsiblePanel1" class="CollapsiblePanel">

      <div class="CollapsiblePanelTab"> <img src="images/new/plusbullet.gif" width="19" height="16" alt="software training Seattle" /> Products to fit your ERP &amp; CRM Needs </div>

      <div class="CollapsiblePanelContent">

        <table width="100%" border="0" cellspacing="2" cellpadding="0">

          <tr>

            <td>DISCUSS PRODUCT OFFERINGS.</td>

          </tr>

        </table>

<br />

      </div>

    </div>

    <div id="CollapsiblePanel2" class="CollapsiblePanel">

      <div class="CollapsiblePanelTab"><img src="images/new/plusbullet.gif" alt="inventory management software Seattle" width="19" height="16" align="bottom" /> Solutions Specific to Your Industry</div>

      <div class="CollapsiblePanelContent">

        <p>Product solutions with sound architecture do not need to be reinvented every   time technology or platforms change. Instead, your software should be able to   quickly adapt to the changing business environment.</p>

        <p>We have been providing business management solutions for midsized businesses in the Pacific Northwest for over 25 years. These clients represent a variety of industries including wholesale distribution, manufacturing, and consumer goods. We  employ a staff with keen knowledge of the challenges and opportunities you face and tailor solutions to fit your particular needs.</p>

        <p>We offer solutions in:</p>

        <p>Financial Management (ERP)</p>

        <p>Customer Relationship Management</p>

        <p>Wholesale Distribuiton</p>

        <p>Manufacturing</p>

      </div>

    </div>

    <div id="CollapsiblePanel3" class="CollapsiblePanel">

      <div class="CollapsiblePanelTab" tabindex="0"><img src="images/new/plusbullet.gif" width="19" height="16" alt="software training, implementation, support Seattle" /> Service You Deserve</div>

      <div class="CollapsiblePanelContent">

        <p>Our customers are like partners. We are in the relationship for the long-haul, taking the time to get to know you and your business from the beginning. You deserve service and support from a partner who cares. Our expertise encompasses  analysis, accounting/ financial, development, training and support.</p>

        <p>&nbsp;</p>

      </div>

    </div>

    <div id="CollapsiblePanel4" class="CollapsiblePanel">

      <div class="CollapsiblePanelTab" tabindex="0"><img src="images/new/plusbullet.gif" width="19" height="16" alt="Microsoft Dynamics NAV Alaska" /> Resources for Your Growth</div>

      <div class="CollapsiblePanelContent">

        <p>We encourage our clients to work on developing new skills and fully utilize their software investements. We strive to provide a variety of resources hrough the use of webcasts, White Papers, Monthly Tips &amp; Tricks, Quarterly Newsletters and events for both prospects and clients. </p>

        <p>Check out our resources section for more information.</p>

      </div>

    </div>

    <div id="CollapsiblePanel5" class="CollapsiblePanel">

      <div class="CollapsiblePanelTab" tabindex="0"><img src="images/new/equalbullett.gif" width="21" height="21" alt="Navision Alaska" /> Software Solutions that Mean Business</div>

      <div class="CollapsiblePanelContent">

        <h1>We are Business Process Automation Specialists</h1>

        <p>At Gilbert &amp; Associates, we have been planning, implementing and supporting customizable business management software systems for over 25 years. </p>

        <p>With industry leading software and a solid consulting, development and implementation team, we provide you with a quality investment that will grow with your business needs. </p>

       

        <p>&nbsp;</p>

      </div>

    </div>

    <p>&nbsp;</p>

    <div id="Column2">

      <h2>News</h2>

<p>&nbsp;</p>

    </div>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <!-- end #mainContent --></div>

  <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />

  <div id="footer">

    <p>Seattle, WA | p:206.284.4348 | Email Us<br />

&copy;2009 Gilbert &amp; Associates, All Rights Reserved.<br />

Providing <a href="/">Seattle Microsoft Dynamics NAV, Sage PRO ERP</a> Business Process Management and Accounting Software, and Sage CRM to businesses in Washington and Alaska.

</p>

  <!-- end #footer --></div>

<!-- end #container --></div>

<script type="text/javascript">

<!--

var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", { contentIsOpen: false });

var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", { contentIsOpen: false });

var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", { contentIsOpen: false });

var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", { contentIsOpen: false });

var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", { contentIsOpen: false });

var MenuBar1 = new Spry.Widget.MenuBar("Navigation", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});

//-->

</script>

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

try {

var pageTracker = _gat._getTracker("UA-9875700-1");

pageTracker._trackPageview();

} catch(err) {}</script>

</body>

</html>

Kristen

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Richard Williams on Jul 24, 2009 at 12:26:09 am

Hmmmmmmmmm... But the PNGs apear to be working on all IE's from 5 to 8 on this site...???
http://www.gilbertassociates.com/new09/gahome1.html.

The issue i see is a css fault with the box floating down much further on early versions... or am i getting mixed up with something?

Tell me what you think is not owrking on this site

Richard Williams

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Kristen Dormaier on Jul 24, 2009 at 3:47:25 pm

Interesting, when I look at it on IE6, the logo in the upper left corner has a blue background rather than transparent. I think I may have switched out all of the other PNGs for GIFs if I could on the site.
The float problem is an additional issue...

Kristen

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Kira Woodmansee on Jul 16, 2009 at 12:38:41 am

Wow, thanks for posting that! I'd just about given up on PNGs when I looked at them in IE.

Kira Woodmansee
Event Coordinator, Boulder Digital Arts
events@boulderdigitalarts.com
http://www.boulderdigitalarts.com

Respond to this post • Return to posts index

Re: Using PNG in IE5.5 or IE6
by Richard Williams on Jul 16, 2009 at 3:23:06 pm

so does this mean it worked for you Kira?

Richard Williams

Respond to this post • Return to posts index


	<< PREVIOUS THREAD • VIEW ALL THREADS • PRINT • NEXT THREAD >>