pictures distorted in IE by 'Browser Compatibility'-plugin

[mad-manne]

Hi there ...
I have found a bug that only affects the InternetExplorer(6 and 7 tested), when the 'Browser Compatibility'-plugin is activated.
Pictures in entries get "overlayed" by a 1px-blank gif, which seems to be part of some css-tricks, and apparently this also confuses the browser how to render these images

You can take a look over at my demoblog, where I have provided an example of the problem. Remember to view in IE, because Firefox renders the pictures fine. If haven't yet tested with other browsers, so anyone with Opera, Safari or other browsers is invited to take a look and report what he/she sees

I have also posted a copy of my example from a second user-account. I also configured the 'Browser Compatibility'-plugin to only affect entries of the main author(mad-manne), but to no avail ... the same error occurs, as you can see here.

On demand I could temporarily deactivate the 'Browser Compatibility'-plugin, to demonstrate, that the images render fine, as soon as it's not active.

Cheers,
Manfred.

[garvinhicking]

Hi!

Yes, this PNG-transparency trick requires a theme to always supply 'width' and 'height' attributs to every used PNG-graphic.

If you cannot provide those attributes in your theme or from your authors, you can only remove that plugin. It's no longer required anyways, since IE7 has transparency. s9y 1.3 will disable that plugin for IE7 browsers already.

REgards,
Garvin

[mad-manne]

Yes, this PNG-transparency trick requires a theme to always supply 'width' and 'height' attributs to every used PNG-graphic.

Hi Garvin,
there are width and height-attributes, as they are added by the media-library:

Code: Select all

<!-- s9ymdb:9 --><img width="70" height="100" style="float: left; border: 0px; padding-left: 5px; padding-right: 5px;" src="/demo-s9y/uploads/demo-stuff/demo-pic_high.png" alt="" />

Or did I misunderstand this ??

It's no longer required anyways, since IE7 has transparency. s9y 1.3 will disable that plugin for IE7 browsers already.

So actually this trick will only affect png-images, because IE6 doesn't render transparency in them?

Actually I have disabled the compatibilty-plugin in my live-blog, and haven't yet found any problems while it's deactivated. Anyway I thought it would be helpful to report this issue ...

Thanks for your quick answer
Manfred.

[garvinhicking]

Hi!

Strange, I've actuall only seen other kinds of distortion. Yours bloats the 70x100 picture to 100x100, and I don't really understand why it uses that. So it seems like a different bug. Does the same happen with ANY png?

So actually this trick will only affect png-images, because IE6 doesn't render transparency in them?

That's right. I believe most people can live without that plugin, yes.

I think it's even no longer installed by default in s9y 1.3, IIRC.

Regards,
Garvin

[mad-manne]

Does the same happen with ANY png?

Well, I have not yet tested it with hundeds of PNGs, but I've just added another entry with some more images ... and it looks like the same problem!

Cheers,
Manfred