• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 290
  • Last Modified:

my png is not showing in firefox

this is the css

#left {
width: 435px;
border:1px #663366 solid;

2 Solutions
Which version of FF u r using??
u try to update the FF version..
Guy Hengel [angelIII / a3]Billing EngineerCommented:
does it show in other browsers?
OK, this happened to me once with Drupal: the logo would not display. Things to try:

1. Make sure it's actually a PNG (not just with the png file extension)
2. Use a format other than PNG (gif, jpeg, etc)

Hopefully this helps
For that matter, do you see the border at that position and just not the image inside?  I'm wondering if that entire rule is never applied (the simple case being there's a typo in the element's ID, for example), or if it's the image itself that's problematic.

Firefox plays very well with PNGs, alpha transparency and all.  I doubt the PNG format has anything to do with it.  

If it is just the image that's not showing up, you might trychanging the rule to...

background-image:url(../images/middle.png) !important;

... to see if there's some other rule overriding what you wrote somewhere else (like a .parent-element div #left { background: white; } rule or something -- that rule would take precedence over what you wrote there).  If it works with !important, then you can go hunting for what other rule might be taking precedence.

I suppose to be thorough I should also suggest trying to put an <img src="../images/middle.png" alt="" /> tag on the page directly to make sure the image can show up at all (answering the questions "Is it a permissions problem on the server?"  "Is that really where the image is?" et cetera)
Well it did happen to me where it worked in IE and Safari but not Firefox. So try both solutions, we'll see.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now