954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

IE6 png fix - z-index and tiling issues

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!

franko75
Newbie Poster
7 posts since Dec 2008
Reputation Points: 10
Solved Threads: 0
 

If you did found solution, would you mind to share it with community? In doing so you may help somebody with similar problem in the future...

peter_budo
Code tags enforcer
Moderator
15,436 posts since Dec 2004
Reputation Points: 2,806
Solved Threads: 902
 

hey for the swfs in ur html code find the paramaters code and add a parameter of wmode=transparent. or simply open in dreamweaver click your swf and from the parameters in properters ad a new one. name is wmode and value is transparent. problem fixed.
regards

wickedsunny
Junior Poster in Training
97 posts since Oct 2008
Reputation Points: 10
Solved Threads: 5
 
If you did found solution, would you mind to share it with community? In doing so you may help somebody with similar problem in the future...

Yeah I would normally post the solution, on this occasion the tiling issue just disappeared, so i have no idea what was happening there! The other issue was just a simple case of IE6 requiring a different negative margin for the quicklink buttons to sit underneath the swfs.

franko75
Newbie Poster
7 posts since Dec 2008
Reputation Points: 10
Solved Threads: 0
 

Z index is not implemented correctly in IE 6. It is buggy.

MidiMagic
Nearly a Senior Poster
3,319 posts since Jan 2007
Reputation Points: 730
Solved Threads: 182
 

This question has already been solved

Post: Markdown Syntax: Formatting Help
You