I had fixed the IE png bug with unitpngfix.js but when I subsequently placed a logo in the design in an AP div, the logo wont display.


http://s205480013.onlinehome.us/KM_Test/NEW.html


any tips?

I have had similar issues with png's & IE6, so i stick with gifs & jpgs for that reason, but its nearly 2009, I say we stop supporting IE 6.

Its like playing an PS3 game on the PS1, move on people....!!!
Of course PS have better advertising that IE7/8 on TV.
Most people are not aware of browser updates.

Easy fix - get rid of the position:relative on #logo. It has NOTHING to do with the fact that it's a transparent PNG.

Am I missing something?


#wrapper has "relative"

#logo has "absolute"


I have 2 versions and both are mangled in IE 6

1 with no AP Div

http://s205480013.onlinehome.us/KM_Test/NEW_no_ap.html

and one with AP Div

http://s205480013.onlinehome.us/KM_Test/NEW.html

There's no reason at all to have that absolutely positioned. Just use margins and/or padding to push the logo around inside the masthead div.

In your CSS3 file you have this (no ap version):

#logo {
z-index: 10;
padding: 4px 2px 2px 7px;

}

Z-index is useless on non-positioned elements.

Then you have this:

#mast {
width: 860px;
background-image: url(../images/Master/mast.png);
height: 122px;
margin-top: 20px;
z-index: 10;
}

Again, no point in the z-index there.

I'm seeing the logo though in IE6 and it's not out of place.

On the AP version, you have this:

#logo {
left: 8px;
top: 30px;
z-index: 10;
position: absolute;

}

Just get rid of the positioning and the z-index, it's not needed at all.

what about the red x issue in ie 6?

Solution

the 1x1 transparent gif was not being found by the script


that was it....i had the trans png in a different spot than what was specified in the java script.

It's always the little things that getcha!

no doubt, thanks for the help!