I was wondering if there is a correction/hack for the way IE handle png images. Firefox handles these type images fine. I was using this image for my logo.png. Thanks for any suggestion.
Adrian

Easiest to convert to either gif or jpg

Ignore kobra and stick with pngs!

:smile:

Use the png fix javascript:
http://homepage.ntlworld.com/bobosola/

And put this in your header:

bigbadboy,

Have you got a Love Affair with .png's?

For IE - a patch here and a patch there - - When is Gates gonna wake up?

PNGs are the only real way to use transparency across board.
Unfortunatley M$ don't care about such things.

:censored:

PNGs are the only real way to use transparency across board.
Share where a trans gif is not equivalent? Please...

Unfortunatley M$ don't care about such things.
Yeah!! When ya spend all your time counting your $ - You do not have time any more to pay attention to your users needs...

Thanks for taking the time to answer a question I should have just googled to find the answer.
adrian

kobra:

Share where a trans gif is not equivalent? Please...

Well...I discovered if you make an image that is a solid color but semi transparent, png's (specifically png-24) will show the transpareny correctly, but gifs make it jagged, pixelized, and two toned. FF will show the image correctly, while IE will show it as an opaque solid color.

Never thought there would be a need for a semi transparent background color that couldn't be achieved with CSS, but apparently there is:ohmy:

bigbadboy:

Use the png fix javascript:
http://homepage.ntlworld.com/bobosola/

And put this in your header:

<!--[if lt IE 7.]> <script defer type="text/javascript" src="PATH/TO/pngfix.js"></script> <![endif]-->

I have a need for exactly this fix and I came across this wonderful tip but I am somewhat confused as to where I should put the above: That is, the header of which file?

Specifically, I would like to make this javascript fix work in /includes/languages/english/<template>/header.php but that is a PHP file, with defines only, not an HTML file... How do I find the HTML file that is responsible for this one?

Thanks,
Daniel

OK, I think that I found the file (please correct if I am mistaken):

/includes/templates/<template>/common/html_header.php

Right? :smile:

zcnb:

/includes/templates/<template>/common/html_header.php

Right?

Right. This is it. However, it doesn't take care of PNG image referred in the CSS. :mellow:

Still looking for a solution that works for CSS background images too. So far, I came across the following:

http://net.tutsplus.com/videos/screencasts/5-easy-ways-to-tackle-ie6s-transparency-issues/

Which led me to the following two options (the others simply don't work for some reason):

http://www.dillerdesign.com/experiment/DD_belatedPNG/

and

http://www.twinhelix.com/css/iepngfix/

I am going to explore these now...

I am giving up. :(

The best "fix" so far seem to be the one by twinhelix. However, even that one has quirks and problems - the most notable one being the following error message:

IEPNGFix: Children of positioned element are unclickable:

<UL id=categories_tabs>

The one "feature" that is common to all these fixes is the horrible slowness in which the load the page (on IE6, not on FF).

Back to square one...

The easiest way, insert this at your .htaccess file:

minimize image flicker in IE6

ExpiresActive On
ExpiresByType image/gif A2592000
ExpiresByType image/jpg A2592000
ExpiresByType image/png A2592000

zcnb:

Still looking for a solution that works for CSS background images too. So far, I came across the following:

http://net.tutsplus.com/videos/screencasts/5-easy-ways-to-tackle-ie6s-transparency-issues/

Which led me to the following two options (the others simply don't work for some reason):

http://www.dillerdesign.com/experiment/DD_belatedPNG/

and

http://www.twinhelix.com/css/iepngfix/

I am going to explore these now...

There seems to be a danger with CSS hacking(at least done in the last link). I recommend to read:
http://24ways.org/2007/supersleight-transparent-png-in-ie6

Also consider:
http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/

It worked for me great, even though it has slightly reduced image quality :clap: