Xepher.Net Forums

Content => Web Design => Topic started by: amuletts on January 09, 2009, 05:23:20 PM

Title: Transparent png fix for ie in comicpress anyone?
Post by: amuletts on January 09, 2009, 05:23:20 PM
Hi there I've recently got my webcomic started on xepher.  I'd like to post strips in the form of pngs with a transparent background.  This all looks lovely in Firefox but not in internet explorer (ie).  I looked for a fix and found this: http://homepage.ntlworld.com/bobosola/ (http://homepage.ntlworld.com/bobosola/) but when I tried putting it into wordpress it didn't seem to work.  Perhaps those with more experience could help me figure out why.  Thanks!

INFO:  I'm using the vertical layout, so I stuck the pngfix.js in that theme folder.  I pasted the line of code in the header file between <head profile="http://gmpg.org/xfn/11"> and </head>

Oh my site is: http://epicfail.xepher.net (http://epicfail.xepher.net)
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: sagebrush on January 10, 2009, 05:26:22 AM
I don't see any difference between IE and FF.
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Databits on January 10, 2009, 08:06:55 AM
Probably referring to IE6.

IE6 didn't have support for PNG transparency without the use of some sort of Javascript hack-job. In IE7+ PNG transparency support was added.

There are two possible ways around this issue. The first one, if possible, you can save the PNG as a 8-bit image (256 colors) and set one of the colors as the transparent color. This effectively makes it pretty much the same thing as a GIF. The second and more pain in the ass way is to find (probably via Google) a javascript+css workaround, as they're examples and tutorials on this floating all over the net.
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: amuletts on January 14, 2009, 07:30:26 AM
Okay, thanks for the help.  It's probably not too much of a problem given they have fixed this in IE7 but I have replaced a few images with GIFs so it looks a little better in IE6.  As long as most viewers get the good version that is fine.
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Miluette on January 16, 2009, 02:56:00 AM
All the easy PNG fixes are for PNG-8's...boooo. D:

This one tutorial I looked at looked pretty good until the end where it basically took the image, made it look like ass, and then made it magically transparent (yet look like ass)...just like PNG-8s do. I'm going to keep lying to myself and saying no one uses IE6 anymore...

(About a year or two ago I panicked when I saw my old splash page on my college's PCs in IE, because there were ugly grey blocks behind everything XD)
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Xepher on January 16, 2009, 05:45:27 PM
Heh... or you can try my solution. Anyone tried visiting http://xepher.net/ with IE6? That's my idea of a "solution." :-D
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Databits on January 16, 2009, 07:00:50 PM
There's PNG fixes that work for normal 16-bit png's just fine. Just because IE6 is too stupid to apply the right filters to it doesn't mean it can't be done manually. Generally there's tutorials all over the place for this, in fact:

http://www.twinhelix.com/css/iepngfix/ (http://www.twinhelix.com/css/iepngfix/)
http://24ways.org/2007/supersleight-transparent-png-in-ie6 (http://24ways.org/2007/supersleight-transparent-png-in-ie6)

and those are only a couple (good ones) of many many results from just "IE6 PNG Fix" using Google.

While it may not matter so much to for a smaller personal site, roughly 25% of the net still uses IE6 so if you want to cater to near everyone, you still need to deal with supporting it.
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Miluette on January 16, 2009, 11:31:55 PM
Sometimes I wish I still had a machine with IE6 just to see what things are like. (I have IE5 on my mac but things appear to be transparent in it... lol)

Those two look good. Looks like I was typing in the wrong keywords, lol... :D
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Databits on January 17, 2009, 01:43:26 AM
Heh, I use two virtual machines. One with Win98 and IE6 and one with WinXP and IE6.

The reason is the IE6 on Win98 at it's latest update is just slightly behind the one on WinXP, which you'd think isn't that big of an issue but for some reason things don't work in both all the time.

Outside of that, I generally also use a VM with FF2 and IE7, on top of IE8, FF3, Opera, Google, and Safari on my host machine.
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Miluette on January 17, 2009, 02:53:40 AM
I'd still have a computer with Win98/IE6 (or maybe even 5) on it, but my old PC died horribly right after I got my current one. Actually, it sorta-works now, but not in a usable way. IE already takes forever to open on either of them, anyway.
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: amuletts on January 23, 2009, 04:03:44 PM
Quote from: Xepher on January 16, 2009, 05:45:27 PM
Heh... or you can try my solution. Anyone tried visiting http://xepher.net/ with IE6? That's my idea of a "solution." :-D

Heh, that sure is a solution xepher! 

Okay I think I have a solution for wordpress, the plugin Wp-UnitPNGfix (http://wordpress.org/extend/plugins/wp-unitpngfix/).  It seems to work fine when I test it.

I found plenty of other 'solutions' searching google, all of which worked on an normal site but not on wordpress for some reason.  This one does.
Title: Re: Transparent png fix for ie in comicpress anyone?
Post by: Databits on January 23, 2009, 05:21:00 PM
I think ISP's, Google, and MSN should all just block Win98 and IE6. That'd kill if fast as hell (as well as eliminate a lot of botnets and infected spammer machines).