CODEWITHSUNDEEP
htmlcssimagesafari
Elliot
Elliot

Reputation: 23

Safari does not show images, but FireFox does

I have a website that I am working on: http://keramed.com

in FireFox on my Mac the image on the main page shows up. (The Endoshield DSEK Graft Injector)

Now check in Safari and the image does not show up.

I have tried taking the original .PSD and saving it as a .jpg or .png and it does not matter.

I have commented out all stylesheets and this still does not solve it. The rest of my images are showing up, just not thing one.

I just dont understand I am stumped.

EDIT:> Photoshop says it is an RGB 8-bit image.

Upvotes: 1

Views: 6604

Answers (4)

Lukman N.
Lukman N.

Reputation: 76

Another reason for browsers do not display the image — 'content' parameter in stylesheets that are associated with the image.

For example, I faced with the same problem some time ago and it happened because into the stylesheet the class used for the image had 'content' parameter.

.image_class {
    ...
    content: ''
}

Upvotes: 0

Shafqat
Shafqat

Reputation: 1

I have had the same problem which I solved changing height/width in pixels rather than percentage.

Upvotes: 0

Majid Fouladpour
Majid Fouladpour

Reputation: 30272

It's definitely not the image, as safari can render it, see: http://keramed.com/images/mainimage2.jpg

You are having over-flow: hidden, somewhere and I suspect it's that. Or if you are using js to change the display of the image from none to be shown, that might be failing.

Upvotes: 1

drmonkeyninja
drmonkeyninja

Reputation: 8540

Your image isn't showing up in Chromium either. However, taking out the image width and height specified on the image element as percentages has fixed the problem. It is better to avoid using percentages as widths/heights for images as they may not render as well as you'd expect.

Upvotes: 2

Related Questions