Author Topic: PNG transparency versus IE6 and pngbehavior.htc fix  (Read 8776 times)

Offline RCK

  • Newbie
  • *
  • Posts: 9
PNG transparency versus IE6 and pngbehavior.htc fix
« on: June 12, 2007, 04:07:57 PM »
Hello,

I have tested the following release of roundcube with Internet Explorer 6, and the pngbehavior.htc fix seems to not working.
- Release Candidate 1 (on my server)
- svn-612 (on my server)
- http://demo.roundcube.net/

I tested those three RC version with the french IE6 release 6.0.2900.2180.xpsd_sp2 on multiple computer, and I got always the same result: grey background.
I know the skins/default/pngbehavior.htc script called in common.css should fix the problem, but it doesn't seem to be effective here.

So I got two questions:
  • Did someone have the png fix working with Internet Explorer 6 and roundcube-rc1 ?, if yes, with which IE version (detailled)?
  • Can someone have some tips to help me debug this with IE ? (and not with Firefox console)

Thanks in advance for your input guys :)

Offline FatJonny

  • Jr. Member
  • **
  • Posts: 48
Re: PNG transparency versus IE6 and pngbehavior.htc fix
« Reply #1 on: June 12, 2007, 05:09:56 PM »
Here's a screenshot of my RC1 installation with an adapted BlueTabby theme. This is viewed with IE6 (6.0.2800.1106).

You can see the png buttons (above subject column) do work, but the links on the left bar, as well as the email, address boot, settings, logout buttons, and the search bar (I replaced the gif with a png!) do not work.

I have no idea why...


Offline SKaero

  • Administrator
  • Hero Member
  • *****
  • Posts: 5,566
    • http://SKaero.com/
Re: PNG transparency versus IE6 and pngbehavior.htc fix
« Reply #2 on: June 13, 2007, 05:38:49 AM »
Its because the pngbehavior.htc fix does not work on images that are deified in the style sheet, I don't know of any whey to fix this does any one have any ideas?

Offline RCK

  • Newbie
  • *
  • Posts: 9
Re: PNG transparency versus IE6 and pngbehavior.htc fix
« Reply #3 on: June 13, 2007, 06:49:57 AM »
Quote from: SKaero
Its because the pngbehavior.htc fix does not work on images that are deified in the style sheet, I don't know of any whey to fix this does any one have any ideas?
The official pngbehavior.htc website is located here, maybe they could help us on this problem ?
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

Another slightly different png fix implementation, it may work with 'image defined in css' bug:
http://homepage.ntlworld.com/bobosola/index.htm

Offline RCK

  • Newbie
  • *
  • Posts: 9
Re: PNG transparency versus IE6 and pngbehavior.htc fix
« Reply #4 on: June 13, 2007, 04:10:17 PM »
I got some news !

First, I confirm that the pngbehavior.htc file provided with the rc1 release does not work with my version of Internet Explorer.
The solution is to simply upgrade pngbehavior.htc to release 1.02, and to edit it to update the blank.gif location.
.
  • step1: Go into the folder: skins/default/
  • step2: Delete the pngbehavior.htc
  • step3: Download the updated http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.htc
  • step4: Edit the pngbehavior.htc file and change var blankSrc = "blank.gif"; to var blankSrc = "skins/default/images/blank.gif";
.
It seems that I can't easily create one new ticket over http://trac.roundcube.net/ - If someone can post this information for the RC2 it would be nice, SKaero ? :)

Second, I confirm that images defined into the style sheet are not working with pngbehavior.htc fix, I will look what can be done there.

Offline RCK

  • Newbie
  • *
  • Posts: 9
some icons are missing width & height tags
« Reply #5 on: June 14, 2007, 05:08:32 PM »
I found some icons that didn't have their width and height defined.
The result is those icons are bigger than original after fix, resulting in blurred images.
.
Here are a quick list of pictures that need to have some width & height, but I don't know where to edit the code, can someone help?
  • icons/attachment.png
  • icons/dot.png
  • icons/unread.png
  • icons/edit.png
  • icons/dot.png
  • icons/folder-trash.png
.
You can see the difference between IE & Firefox on the following picture :

Offline RCK

  • Newbie
  • *
  • Posts: 9
Re: PNG transparency versus IE6 and pngbehavior.htc fix
« Reply #6 on: July 21, 2007, 01:09:40 PM »
For information, my last fix is available here:
http://roundcubeforum.net/forum/index.php?topic=1928.0

Offline kursaalflyer

  • Newbie
  • *
  • Posts: 5
Re: PNG transparency versus IE6 and pngbehavior.htc fix
« Reply #7 on: September 24, 2007, 10:10:57 AM »
Hi All
My first posting here.
I am having the same problem with .png files not showing up. The urls to the images are ok (judging by the source code) but with different outcomes in different browsers. In IE7 the placeholders are there for the taskbar (fetchmail, send mail etc) but not the images, the folder icons don't show at all, in the mail selector (bottom right) there are the placeholders but no icons.,; in Opera it is the saame and in FireFox there aren't any placeholders even. I've read up and implemented the .htc fix above (which is when the place holders started showing up in IE). I've also started running TopStyle on the css files to see if there are errors in there. This is my fourth attempt from scratch unpacking the .gz with no success at resolving this problem. Oh, and the Roundcube icon doesn't show in any of them either. I've tested it in Windows 2000 and Xp on two different machines with the same results. Anybody got any clue as to what might be going on here? All help and/or advice would be greatly recieved, thanks. :-\

Offline SKaero

  • Administrator
  • Hero Member
  • *****
  • Posts: 5,566
    • http://SKaero.com/