The icons do not display as transparent in IE6. Isn't that what iepngfix.htc is for??

Comments

jwolf’s picture

Category: bug » support
Status: Active » Postponed (maintainer needs more info)

The pngfix works based on the path of the theme => /sites/all/themes/acquia_marina
Please check to make sure that the theme is located in /sites/all/themes

If you want to keep the theme in an alternative location, you will need to edit the iepngfix.htc and ie6-fixes.css files to match the theme location.

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

zoon_unit’s picture

Theme is located in the proper location: sites/all/themes/acquia_marina

I noticed that an image from another person's post on a different issue showed the same problem with icons on IE6. BTW, I have also checked my version of IE6 to make sure javascript is turned on.

I'm currently testing this on a local network xampp install, if that helps.

jwolf’s picture

File permissions?
Please check that the blank.gif in the images directory is world readable.

I noticed that an image from another person's post on a different issue showed the same problem with icons on IE6

As far as I know no one else is having this problem; no one else has filed an issue about this.

zoon_unit’s picture

Take a look at the ie6 jpgs in this post:

http://drupal.org/node/324946

That is the exact icon issue I am experiencing: gray backgrounds.

UPDATE: I may be an idiot. :-)

I just realized that my test site is an acquia install, and I absentmindedly downloaded the acquia_marina theme into sites/all, forgetting that it's already in the themes directory of acquia! I'm pretty sure there is some kind of reference conflict, even though the two themes are named differently. I'll rebuild the test site with straight Drupal 6 and try again. If the problem persists, I'll update, otherwise, don't waste your time with idiots. :-)

zoon_unit’s picture

Alas, I'm not an idiot after all. :-(

I've installed a fresh version of Drupal 6.6 (not acquia), and downloaded the acquia_marina theme to sites/all/themes. When I render the pages with ie6, I still get a broken icon, that shows a gray box rather than true png transparency. (as shown above from another post)

So, pngfix is still broken. In fact, I cannot find any reference to iepngfix.htc in the "view source" content of the home page. So, it appears that the script is not loading at all.

???????

I suspect that you haven't seen issues about this topic, because most Drupal designers don't take the time to test their websites in ie6. (despite the fact that 20% of the Internet community still uses ie6)

quickcel’s picture

I am experiencing the same problem that zoon_unit has. The pngfix is working fine in IE7, but IE6 is showing the gray box instead of the transparent background.

I have the theme located in ../sites/all/themes and blank.gif has world readable permissions (CHMOD 644)

summit’s picture

Hi, confirming this page not found error onsites/all/themes/acquia_marina/iepngfix.htc

Greetings,
Martijn

jwolf’s picture

Assigned: Unassigned » jwolf
Category: support » bug
Priority: Normal » Critical
Status: Postponed (maintainer needs more info) » Active
jwolf’s picture

Status: Active » Postponed (maintainer needs more info)

Has anyone tried the latest dev snapshot to see if this is still happening?
http://ftp.drupal.org/files/projects/acquia_marina-6.x-1.x-dev.tar.gz

So far I am unable to reproduce this. A link to a site or two where this is happening would be a great help with seeing what's going on.

quickcel’s picture

I just setup a fresh install of drupal 6.6 with the latest dev version and am still getting the same problem. You can check it out at the following link: http://sdykman.com/drupal6test/

jwolf’s picture

Again, I am unable to reproduce this problem.

I looked at your site and can see that the icons are not displaying correctly as you have indicated. I poked around and can see that all the paths are correct and the files are present

I have set up a fresh install of D6 + acquia_marina-6.x-1.x-dev which can be found at:
http://marina.sp0ke.net
As you can see for yourself, the icons are displaying correctly in IE6 (btw, this pngfix is specifically for IE6).

Now, my next thought is that this could be a problem with your server not recognizing the .htc MIME type.
I have googled ".htc mime type" and have found others who have had issues w/ Apache not recognizing the .htc MIME type:
http://www.google.com/search?q=.htc+mime+type

Please contact your sysadmin and ask them to add the correct MIME type for the HTC behavior.

jwolf’s picture

Category: bug » support
Priority: Critical » Normal
quickcel’s picture

Ok - I found out what the problem was. It turns out the path to the 'blank.gif' image and the 'iepngfix.htc' file were incorrect. I had installed drupal in a subfolder of the website, not in the document root. The paths in 'ie6-fixes.css' and 'iepngfix.htc' for those files were not relative so I had to add my subfolder (drupal6test) before those path names to get it working.

Another way to get it working would be to make those paths relative to the install directory and change the iepngfix.htc file to read:

if (typeof blankImg == 'undefined') var blankImg = 'images/blank.gif';

And the ie6-fixes.css file to read:

behavior: url(iepngfix.htc);

Trying to fix this problem I ran across a post for some common problems that helped me out in case anyone else needs it:
http://www.twinhelix.com/cgi-bin/forum.pl/iepngfix/262

UPDATE: The relative paths are not working for me (perhaps images were stored in the cache), but I changed my paths to be absolute with the subfolder added in and things are working fine. Thanks for the help jwolf!

jwolf’s picture

Status: Postponed (maintainer needs more info) » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.

eidolon night’s picture

Version: 6.x-1.2 » 6.x-1.5

I've added the MIME type and suggested, and tested to make sure iepngfix.htc is called, but I still get a gray box. Any updates on this issue?

summit’s picture

Version: 6.x-1.5 » 6.x-1.x-dev
Status: Closed (fixed) » Active

Hi, Patching like in http://drupal.org/node/335103#comment-1137510 still needed on 1.9.
Please make the paths relative as shown.
Thanks for considering!

Greetings, Martijn

jwolf’s picture

Status: Active » Closed (fixed)

From comment #13:

UPDATE: The relative paths are not working for me (perhaps images were stored in the cache), but I changed my paths to be absolute with the subfolder added in and things are working fine

@Summit - it doesn't make sense to change the paths as mentioned in the comment if it does not work.

KoCo’s picture

Status: Closed (fixed) » Active

I ran into a similar problem adding hover effects to IE6.
It suddenly stopped working after upgrading WindowsXP with SP2.

The solution then was creating the htc through a php script and pushing it as text/x-component using ob_flush.

Now there are better solutions.
One would be adding the mime type in the apache server config.
Another solution is adding it in htaccess http://archivist.incutio.com/viewlist/css-discuss/55679.

jwolf’s picture

Status: Active » Closed (fixed)

@KoCo - Thank you for pointing out the other options.

ajaygautam’s picture

I fixed it by adding "img" to the tags-to-be-fixed. Update ie6-fixes.css to:

/**************************/
/* ALPHA TRANSPARENCY FIX */
/**************************/
img,
div.pngfix,
h2.pngfix {
behavior: url(/sites/all/themes/acquia_marina/iepngfix.htc); /* change path here and in iepngfix.htc to match theme location */
}

OnlineWD™’s picture

Forward slash stopped fix working for me ..

sites/default/themes/OBC/iepngfix.htc works

/sites/default/themes/OBC/iepngfix.htc no work

peterhh’s picture

It may be worth checking your mod_rewrite; after a fair amount of time, we found out the mod_rewrite was kicking in on the HTC file, so needed to add:

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

To the condition of the rewrite, it basically tells Apache to ignore files and directories when doing a mod rewrite.