Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Nov 2008
    Location
    Canada
    Posts
    31
    Thanks
    3
    Thanked 1 Time in 1 Post

    PNG image not supported by browser

    I have a question about png images not being supported in certain browsers. I made a website recently and it displays fine on my end, but my client is not able to see any of the png images I have for the backgrunds.

    Is this a rare problem? Or do most browsers have trouble reading transparent pngs?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    IE6 and below are the only browsers I know that have problems with transparent pngs. Can you post a link to your site?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    IE has a problem with showing slightly off-color PNGs when a certain chunk of data is present in the file, too, but the instances in which you'd notice are rare.

  • #4
    New Coder
    Join Date
    Nov 2008
    Location
    Canada
    Posts
    31
    Thanks
    3
    Thanked 1 Time in 1 Post
    I put it online

    http://www.design.chez-milagro.net/harp/harpwebsite

    Is there anything I can do? The website demographic is going to be a lot of elderly churchgoers who are probably not very web savvy. Should I change the transparents to gifs? will these work better in older IE?

  • #5
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    The GIFs will appear jagged and unpleasant. With some tweaking, you can remove the need for transparency here:
    1) Remove the drop shadow.
    2) Edit your background picture very slightly so diagonal will only ever border on one color, so you can remove the transparency and change it to that color.

    Whilst we're doing the accessibility thing, it's probably best if you remove the scrollbar on the main content. Duplicate scrolling is bad practice at best and confusing at worst.

  • #6
    New Coder
    Join Date
    Nov 2008
    Location
    Canada
    Posts
    31
    Thanks
    3
    Thanked 1 Time in 1 Post
    That's what I'll have to do.

    The scrolling was unintentional, and will be fixed.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •