There is a thread in CR about images looking odd in Safari and not in Firefox on a Macintosh.

As an example, have a look at this thread in Safari and Firefox.

The image appears squashed/stretched in Safari. If you click on it, the full size is revealed (800 x 600) and it looks fine. In Firefox the image does not look squashed/stretched.

I think the problem is due to a style tag in the code used to display images, plus a browser being smart/dumb.

If we look at the html source for the aforementioned thread, the code for the first image is as follows:

The problematic bit is: style="max-width: 640px;" . It looks as though Safari is respecting this instruction and is setting the max width to 640 pixels, however, it's either being smart/dumb and it's leaving the height of the image alone, which in this case is 600 pixels, so you end up with an image whose original size is 800 x 600, being scaled to 640 x 600, so it looks odd.

Firefox seems to smart/dumb in that it is changing the width, as per the style code, but it's also adjusting the height to maintain the correct aspect ratio, so in this example, the height of the image is resized to 480 pixels.

One could argue that it's not an SN issue, but typically when setting a maximum for the size of an image you should ideally set width and height, so perhaps adding max-height: 480px; to the style tag might help as it would force a browser to correctly scale the picture.

 

Cheers Markus

 

This is really bugging me (no pun intended) haveing the images that are wider than the forum width squashed!!!

 

Can something be done about this please.

a new example
http://i18.photobucket.com/albums/b1...-/Picture1.png

 

Hi

Yes, we're going to sort this out, of a fashion.. by providing a "don't resize images" option. We'll get on to it as soon as we can. Thanks for your patience.

 

Thats fine. Thanks for letting us know.