View Full Version : IE6 png fix - z-index and tiling issues

Mar 26th, 2009, 07:22 PM
Hi, at the end of my tether once again with IE6 - on this occasion I've got loads of pngs on the site i'm working on which i thought i'd fixed for IE6 using the DD belated PNG fix, which has worked almost perfectly but not quite!

I now have the following issues in IE6 which I'm struggling to fix:

On the homepage, I have a swf which should overlap the quicklinks directly below it. Instead, the quicklinks are pushed further down the page. This works perfectly in IE7, FF, Safari - so i think my z-indexes are set correctly and I don't know how to alter them specifically for IE6 to behave?

Also on the homepage, you can see that underneath the What's On and Special Offers quicklinks near the bottom of the page, there is a slight tiling effect. The png fix script is creating an element 277px high for some reason, which is causing the extra tiling. It's strange that I don't have this issue with the other quicklinks, e.g Weddings, Corporate etc. Hopefully this can be fixed with CSS, otherwise i'll need to look more into the JS which is causing it.

The site can be viewed here

If anyone can help that would be great!

Bill Posters
Mar 26th, 2009, 07:39 PM
Give the Unit PNG Fix (http://labs.unitinteractive.com/unitpngfix.php) a whirl instead.

Note: Next, add “clear.gif” to your images folder, and open unitpngfix.js. On the first line, make sure that the path correctly points to “clear.gif” (relative to the root, not the script folder)

Mar 26th, 2009, 07:45 PM
Hi Bill, thanks for the reply. Only problem is i have css sprites in png format and the Unit PNG Fix doesn't support that at the moment :(