Why I see .png image on IE6 different from IE7 & FF?

Discussion in 'HTML & Website Design' started by bass, May 11, 2009.

  1. #1
    Why I see .png logo image on IE6 different from IE7 & FF?

    www.babycentara.com

    It has some square on a text!

    Is it can edit here? (I can't save .gif)
     
    bass, May 11, 2009 IP
  2. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #2
    IE6 can't display transparent PNGs properly. Simple as that. Kinda.
    http://www.google.com/search?q=png+ie6

    If you can upload a PSD, then I'm sure somebody will convert it to a gif - if that's what you want. You could always just include your logo in the header image and use a jpg.

    e.g
    [​IMG]

    Just out of interest ... what's that font?
     
    Kerosene, May 11, 2009 IP
  3. RiodaV

    RiodaV Peon

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    There are also some hacks for make png working with IE6, but works only with 256colors png. Try to type ie6 png hacks on search engine.
     
    RiodaV, May 11, 2009 IP
  4. bass

    bass Active Member

    Messages:
    738
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #4
    Is anyone has easy code for hack!
     
    bass, May 11, 2009 IP
  5. bass

    bass Active Member

    Messages:
    738
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #5
    I can hack with this code to style.css, the square was disappear but has tiny square happen in left of logo.

    * html img, .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('text.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "text.png"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='text.png', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    )
    }
    Code (markup):
     
    bass, May 12, 2009 IP
  6. RiodaV

    RiodaV Peon

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Maybe it's better to follow kerosene's suggestion in this case :)
     
    RiodaV, May 12, 2009 IP
  7. bass

    bass Active Member

    Messages:
    738
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #7
    I try to see his code now, but it can't resolve my problem!
     
    bass, May 12, 2009 IP
  8. .htaccess

    .htaccess Peon

    Messages:
    277
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I think old IE doesnt support PNG format :(
     
    .htaccess, May 12, 2009 IP
  9. Kerosene

    Kerosene Alpha & Omega™ Staff

    Messages:
    11,366
    Likes Received:
    575
    Best Answers:
    4
    Trophy Points:
    385
    #9
    There is no code. Just use a big JPG as your header image and forget about using a transparent logo.
     
    Kerosene, May 12, 2009 IP
  10. somanweb

    somanweb Peon

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Hi ,

    IE 6 or older version png wil not work.
    You can use the iePNGFix hack code to fix the issue.

    You can download hack code from the following site

    http://www.twinhelix.com/css/iepngfix/

    Follow the instruction from read me / documentation.

    Soman.
     
    somanweb, May 12, 2009 IP
  11. bass

    bass Active Member

    Messages:
    738
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    53
    #11
    Yes, I use jpg for background and use png for logo.
     
    bass, May 12, 2009 IP
  12. geoiss2004

    geoiss2004 Guest

    Messages:
    1,454
    Likes Received:
    32
    Best Answers:
    0
    Trophy Points:
    0
    #12
    try to keep PNG files to a minimum for a while yet. IE6 does not support them and they tend to be large in file size. Their quality IS excellent though!

    as pointed out, there are hacks available but they are often a bit nasty.
     
    geoiss2004, May 13, 2009 IP
  13. fun99

    fun99 Well-Known Member

    Messages:
    111
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    138
    #13
    i would like to suggest to use .gif format
     
    fun99, May 13, 2009 IP
  14. phpfoxtemplate

    phpfoxtemplate Peon

    Messages:
    27
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #14
    i test to see using ie and it works, but does this hacks will have security issue ? or create security holes .... thanks
     
    phpfoxtemplate, May 14, 2009 IP
  15. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #15
    IE6 or before will not support transparency of the image.
     
    karthimx, May 14, 2009 IP
  16. phpfoxtemplate

    phpfoxtemplate Peon

    Messages:
    27
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #16
    have you check the link demo from soman, i try using ie6 the demo link and it works using the hacks.....only issue i am worried that it would create security holes using the hack or is it not ? thanks
     
    phpfoxtemplate, May 14, 2009 IP
  17. kashifmughal

    kashifmughal Member

    Messages:
    74
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #17
    you website working fine now, i think when ever you face these kind of problem, you should write there some javascript for .png display.
     
    kashifmughal, May 14, 2009 IP
  18. thefandango

    thefandango Active Member

    Messages:
    787
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    58
    #18
    Why do people still use IE6 !?
     
    thefandango, May 14, 2009 IP