WordPress.org

Ready to get started?Download WordPress

Forums

IE6 png fix not working fully ... (14 posts)

  1. Jennifer420
    Member
    Posted 4 years ago #

    Hi all,

    I'm back again :( Same theme I've been working on forever ... http://nageela.einfal.com/.

    All that's left with this is the png transparency issues and such. I've tried so many and the current one, though working - doesn't seem to support all images in the theme.

    Some background images are now displaying, and some are not. The sidebar section isn't showing at all, while the header seems ok now, yet the png has a gray background when viewing via: http://meineipadresse.de/netrenderer/index.php.

    I'm currently using HITS- IE6 PNGFix plugin and the best setting seems to DD_belatedPNG.

    Any idea how these may be fixed? I've considered changing some to gif, but we know the quality would be just terrible!

    Thank you,
    Jennifer

  2. Peter Boosten
    Member
    Posted 4 years ago #

    I've been working on this as well for some png's on my site and the problem lies within the ones in the background. I found a working one today, but don't have the url on me right now. You could search for bgsleigh.js (iirc), or you'll have to be patient :-)

    edit: Here it is. It involves a javascript and a 1x1px transparent gif file.

    And even more fancy: as a plugin to jQuery.

    Peter

  3. Jennifer420
    Member
    Posted 4 years ago #

    Hi Peter,

    How are you?

    Thanks so much for coming to my rescue once again Lol

    However, I just can't seem to get this to work ... *sigh* I'm gonna keep trying, please - wish me luck!

    Thanks again,

    Jennifer

  4. krembo99
    Member
    Posted 4 years ago #

    this is indeed the best png fix available IMHO...
    but your problem , at the time I accessed the site, was not png transperancy, but rather div sizes and css that position the images in wrong places and smeared and distorted . (I accessed with IE6&7)
    Firefox all is ok and so is opera8
    Your PNG are displaying with transparancy on all browsers I checked
    I will maybe have a look at the css later if no one will beat me at it , but there is another thing, in the javascript of the plugin, try to change sizingMethod='crop' to sizingMethod='image' or sizingMethod='scale' (IMAGE IS THE BEST IMHO)
    That should fix the distortion

    another excelent PNG fix that I usually apply is :
    http://homepage.ntlworld.com/bobosola/index.htm

  5. Peter Boosten
    Member
    Posted 4 years ago #

    another excelent PNG fix that I usually apply is :
    http://homepage.ntlworld.com/bobosola/index.htm

    The problem with this one is that it doesn't support background images in css, unfortunately, since it's working perfectly on foreground images.

    Peter

  6. Peter Boosten
    Member
    Posted 4 years ago #

    @Jen,

    What exactly isn't working with the png fix I mentioned?
    Did you create a 1x1 px gif, like is written in the article?

    You can download my gif here.

    Put it somewhere on your site and adjust the js file accordingly. The gif file is called twice.

    Peter

  7. Jennifer420
    Member
    Posted 4 years ago #

    Thank you both ...

    I placed the x.gif into the main directory for the sake of quick testing, I wonder if that's the problem somehow?

    // Path to a transparent GIF image
    	var shim			= 'http://nageela.einfal.com/x.gif';
    
    	// RegExp to match above GIF image name
    	var shim_pattern	= /x\.gif$/i;

    Especially where it's called twice like you say ... not sure how to edit the second line correctly if it's needed though. :|

  8. Peter Boosten
    Member
    Posted 4 years ago #

    My javascript doesn't look like yours....

    Peter

  9. Jennifer420
    Member
    Posted 4 years ago #

    Thanks again Peter,

    Using yours, but still isn't working ... I edited the path to the x.gif, using the websites URL only as above, you wouldn't think that's the problem would you?

    Jennifer

  10. Peter Boosten
    Member
    Posted 4 years ago #

    The site looks the same to me in ie8 and compatibility mode.

    What exactly is it your seeing?

    Peter

  11. Jennifer420
    Member
    Posted 4 years ago #

    IE 6 seems to be the issue now ... if you view it here: http://meineipadresse.de/netrenderer/index.php you'll see what i mean.

    Isn't there a script I could use to actually prompt a user to upgrade their IE, or even better - to UNINSTALL it?! Lol :D

  12. Peter Boosten
    Member
    Posted 4 years ago #

    Yes, I've just tried this one, which seems to be the same.

    What you could do (and that's drastic) is to create a separate stylesheet for IE6, having a lot of 'display: none;' in them, to hide the thingemies that go wrong. You could even create a paragraph explaining that the reader is better of with a newer/better browser, and hide that in the 'good' stylesheet.

    Unfortunately it seems that lots of companies (including the one I'm working for) do not dare to upgrade their Internet Explorer (because of sites not working anymore), but it would solve many, many problems (and I'm not talking css only here).

    Peter

  13. krembo99
    Member
    Posted 4 years ago #

    @ Jennifer420
    Like I wrote you before, the FIRST pngfix I encountered when accessing your site worked fins. the transperancy was ok.
    THe only problem was the distortion of the images , that made them bigger than they are, thus forcing the floating divs to dislocat.
    This (SHOULD BE) easily fixed by applying a different sizingMethod=
    When I debugged your site, it worked for me ... IE6 started to behave.

  14. andiszek
    Member
    Posted 4 years ago #

    hallo Jennifer,
    indeed, your PNGs are distorted in IE6, but work fine in 7&8.

    i have found that the best IE PNG fix is IE7-js
    http://code.google.com/p/ie7-js/

    simply add this code to the head of your HTML:
    <!--IE5-6-7 PNG & CSS FIX-->
    <!--[if lt IE 8]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
    <![endif]-->

    You must make sure that the filename of ALL your png ends in "-trans". For example, "mypngfile-trans.png". Otherwise, the script won't work properly!

    i`ve been using it for almost a year now and had no problems whatsoever.

    andi

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags