Ie6 Png

Hightower · 07-27-2009, 07:46 AM

Hi folks,

I'm playing around with a new Joomla site for work but I'm having trouble with PNG images. The template shows fine in FF & IE7 but in IE6 most of the images don't display.

This is apparant that PNG images are causing the issue (or more so the bad coding of IE6) but I'm not sure how to fix the issue. I've tried the code suggested here: http://homepage.ntlworld.com/bobosola/pngfix.js

And I don't want to change the PNG to GIF/JPG, and I obviously can't expect users to upgrade to IE7 just for my site to display nicely.

Any ideas?

sketchMedia · 07-27-2009, 08:47 AM

Are we talking 24-bit PNG transparency problems here (the issue the script you posted will fix)? If so here's a CSS solution that I use:
http://www.komodomedia.com/blog/2007...ge-fix-for-ie/

Hightower · 07-27-2009, 09:12 AM

I'm not sure if it has anything to do with transparency.

The site is available at http://newsite.tanfield.durham.sch.uk

As you will see, IE6 displays completely different from IE7 and FF. I forgot to say the template for Joomla was made with software called Artisteer.

Not sure what the problem is though so any help.

wGEric · 07-27-2009, 08:32 PM

I didn't look at the page in IE6 but you do have some transparent PNGs which IE6 doesn't support.

Supersleight is a good method to solve that: http://24ways.org/code/supersleight-...persleight.zip

ETbyrne · 07-27-2009, 09:29 PM

You could switch out the 24bit PNG images with 8bit PNGs for IE6 users. That's what I do for my websites.

Enfernikus · 07-27-2009, 10:55 PM

I use the twinhelix png fix, it's worked in every instance.

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

JaoudeStudios · 07-28-2009, 04:44 AM

IE8 is out now, IE6 is 2 major revisions out (many years!), do we will still need to support it? If we keep supporting it, users will still continue to use it!

My thoughts...
http://www.jaoudestudios.com/blog/details/id/6

Hightower · 07-28-2009, 07:21 AM

Quote:

Originally Posted by JaoudeStudios

IE8 is out now, IE6 is 2 major revisions out (many years!), do we will still need to support it? If we keep supporting it, users will still continue to use it!

I understand what you are saying, but I don't want to be the one who says "upgrade or get out". It's a school website (as you can probably see) and I want as many people as possible to be able to use it without even having to think about upgrading.

I've tried all the fixes (TwinHelix, Supersleight etc) to no avail. I'm going to try swapping out the images for 8-bit PNGs as suggested, to see if that helps.

I'm not expecting it to be perfect in IE6, just usable.

ETbyrne · 07-28-2009, 02:13 PM

Quote:

IE8 is out now, IE6 is 2 major revisions out (many years!), do we will still need to support it? If we keep supporting it, users will still continue to use it!

To just stop supporting IE6 at this point is just not a valid option. Most users have IE6 simply because they can't use anything else at work/school/whatever.

sketchMedia · 07-28-2009, 02:42 PM

Quote:

Originally Posted by ETbyrne

To just stop supporting IE6 at this point is just not a valid option. Most users have IE6 simply because they can't use anything else at work/school/whatever.

Indeed, just look at this:
http://www.theregister.co.uk/2009/07/08/orange_and_ie6/

Just goes to show, the real culprit for IE6's slow and aggravating death is big business, who have cut corners by developing software exclusively for IE6.

Even the f***ing MoD (Ministry Of Defense, UK) for crying out loud:
http://www.theregister.co.uk/2009/07...wser_luddites/

Quote:

"Many civil servants use web browsers as a tool of their trade," he told GC News. "They're as important as pens and paper. So to force them to use the most decrepit browser in the world is a rare form of workplace cruelty that should be stopped."

Couldn't agree more, however the cruelty doesn't stop at the user as many of you who are designers will know all too well.

I suspect this kind of madness doesn't only exist in the UK.

Things like this make me wanna pull all my hair out! ARGH!!!

nasack · 03-04-2012, 10:24 AM

If you need IE6 support transparent png image, You need to search IE6 Png

infoleather · 07-31-2012, 04:32 AM

I did not see in IE6 page, but you have IE6 does not support transparent PNG,.When examining Retro leather shoulder bags at your nearby department, you are probably going to notice a large difference in Leather double handle briefcase.

abbot · 11-27-2012, 10:13 AM

I am working on joomla and have a 10 projects which is online. I am using more PNG images with it.

nancy30 · 03-07-2013, 09:00 AM

Code:

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

You should try this above code or check out the 24ways.org website which gives you the complete guide on how to over come the png image issue in ie6, I think ie 6 does not support png very well also, most of the users are now using ie7 or above.