Learned a lot

post released sites here made with phpwcms
zeta1600
Posts: 27
Joined: Thu 26. Jul 2007, 05:50

Post by zeta1600 »

Boy, i just can not figure out that IE6 issue. I tried this:
http://bjorkoy.com/past/2007/4/8/the_ea ... ay_to_png/

But, I can't get it to work either. I've added this to my css:
img, div, body { behavior: url("http://www.....com/iepngfix.htc") }
Uploaded the blank.gif and still no go...

Has anyone used this? Or maybe guide me a little more with the ImageLoader?

Grrrrrrrrrr....

By the way, I don't have IE6. So, if you have a png and want to see it on IE6, check your site here: http://ipinfo.info/netrenderer/
Last edited by zeta1600 on Thu 15. Jul 2010, 03:48, edited 1 time in total.
v. 1.3.3
Server: Linux 2.6.18
Local: OS 10.4.9
Browser: Safari 2.0.0.6
User avatar
DeXXus
Posts: 2168
Joined: Fri 28. Nov 2003, 06:20
Location: USA - Florida

Post by DeXXus »

Maybe you should be applying this fix to the enclosing <TH scope=col>PNG images</TH> tags instead? Dunno...
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Post by update »

have you tried :

#header { background:url(header.png); }
plus
#header { behavior: url(iepngfix.htc); }
all together? The fix should be able to get knowledge of what to fix :?:

To get the path to blank.gif seems to be a little bit tricky...
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Post by update »

OK, here we go:
in your ie_only.css:

Code: Select all

* { behavior: url(template/inc_css/specific/iepngfix.htc); } 
a {
position: relative;
}
in your iepngfix.htc

Code: Select all

// This must be a path to a blank image, relative to the HTML document(s).
// In production use I suggest '/images/blank.gif' or similar. That's all!
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';
blank.gif is located within the same folder as iepngfix.htc...

in your phpwcms template you'd like to put the following

Code: Select all

<!--[if lte IE 7]>
    <style type="text/css">@import url(template/inc_css/specific/ie_only.css);</style>
  <![endif]-->
into the html head section

If everything goes well, you now should be able to see your background transparencies - especially in IE6
:lol:
Disadvantage of this method: links in child elements of positioned elements aren't clickable anymore :(

Possibly a workaround: Restyle all your elements within ie_only.css or try not to use the iepngfix.htc, but style all your transparencies for IE6 within your ie_only.css similar to this:

Code: Select all

a {
position: relative;
}
header {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/header.png', sizingMethod='crop');
/*path should be relative to css, if I remember it right*/
}
zeta1600
Posts: 27
Joined: Thu 26. Jul 2007, 05:50

Post by zeta1600 »

It's been awhile since i've visited here. I thought I would share the following png IE image loaded fix... It's the easiest one i've found... though I haven't implemented it on my wcms site.

http://homepage.ntlworld.com/bobosola/pnghowto.htm

hope this will help someone...
v. 1.3.3
Server: Linux 2.6.18
Local: OS 10.4.9
Browser: Safari 2.0.0.6
User avatar
update
Moderator
Posts: 6455
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Post by update »

zeta1600 wrote:It's been awhile since i've visited here. I thought I would share the following png IE image loaded fix... It's the easiest one i've found... though I haven't implemented it on my wcms site.

http://homepage.ntlworld.com/bobosola/pnghowto.htm

hope this will help someone...
But remember that this solution is applied to img src only, not to bg images (as far as I can remember)
zeta1600
Posts: 27
Joined: Thu 26. Jul 2007, 05:50

Post by zeta1600 »

claus... you were right again... i went back to the site below, and they have a very easy update on doing this using css... check it out.

http://bjorkoy.com/past/2007/4/8/the_ea ... ay_to_png/
v. 1.3.3
Server: Linux 2.6.18
Local: OS 10.4.9
Browser: Safari 2.0.0.6
Post Reply