[RESOLVED] Strange difference between IE and Firefox

[Ness_du_Frat]

I'm setting up a new website, based on wordpress, and I'm using a very cool plugin called ttf_titles (http://templature.com/2007/10/18/ttftitles-wordpress-plugin/).
This plugin creates an image with a chosen font using the php gd library, and this image is stored in the cache, therefore permitting to display fonts that are not from the regular font families for the web.

Anyway, here is the problem : on Firefox, it works without any problem.
On IE 7, the image is vertically stretched, rendering the text almost unreadable. Of course, it's ugly.

No style is applied to this image, except for a border:0px, but I don't expect that to be the problem.

Any help or suggestion would be greatly appreciated !!!

On Safari, it works perfectly, so I guess it's IE-related.

Here is the blog : http://www.blog.lesenfantsdelo.com

The ttf titles images can be seen on the yellow postits on the side, under the postits (Archives, Catégories), on the post titles, on the blog title.

Thanks !!!

[lAZLf]

onestly, im not positive why you could be having a problem with that . also i've looked at the blog through both browsers and found no difference. but from my experience most browsers interperit tags differently. Please excuse my spelling, im in a big hurry.

[Ness_du_Frat]

No problem ! actually, I just changed something : I chose the gif output format instead of the png format, and now everything works properly.
But thanks for checking !

This topic can be marked as resolved, although it's really, really strange that IE should treat non-transparent png differently as non-transparent gif.

[Sandy K]

Actually, it's not that surprising. Read this:

http://24ways.org/2007/supersleight-transparent-png-in-ie6

I understand you were complaining about IE7 but maybe there is still a bit of a bug in IE7. I'm not sure. I also know of Javascript that helped me fix my png issue in IE5.5 and 6.

http://homepage.ntlworld.com/bobosola/pnghowto.htm

Happy Coding!
Sandy K