Hi guys

Great theme and renders correctly in Firefox etc. However, PNG not rendering correctly in IE6 or 7 ie.

i) the part of the png image which is meant to be transparent shows up as Grey and
ii) the rounded corners to various elements (eg search, Block titles just appear square !!)

Why is this and how can I fix it?

Thanks

Comments

jwolf’s picture

jwolf commented
Category: bug » support
Priority: Critical » Normal

IE6 pngfix

The icons in the block titles are aplha transparent png images which Internet Explorer 6 does not display correctly (renders as opaque grey background).

Because IE6 does not display alpha transparent png images correctly Acquia Marina is utilizing a ie6pngfix method which requires the path (location on the web server) of the theme to be as follows: sites/all/themes/acquia_marina

- - - - - -
Note: The iepngfix.htc and ie6-fixes.css files that come with the theme must contain the path to the theme in order for the icons to display correctly in IE6. By default, the path to the Acquia Marina theme is /sites/all/themes/acquia_marina
- - - - - -

http://drupal.org/node/357261

mcjudd’s picture

mcjudd commented

Thanks thats really helpful - I will try this tonight.

Just on a related point if I want to swop the block icon on the block title or introduce them on another block how would I do this - is it in the theme file or via css/html??

Thanks

jwolf’s picture

jwolf commented
Status: Active » Fixed

The Marina handbook also covers icons: http://drupal.org/node/357261

Status: Fixed » Closed (fixed)

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

ajaygautam’s picture

ajaygautam commented

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 */
}