Safari questions
#1
Scooby Regular
Thread Starter
iTrader: (5)
Join Date: Jan 2004
Location: Bedfordshire
Posts: 8,948
Likes: 0
Received 0 Likes
on
0 Posts
Safari questions
When I view pictures on SN (in the gallery section) they are squashed. Can I cure this?
Cheers
Darren
Cheers
Darren
Last edited by SC008Y_MAD; 13 June 2007 at 12:15 PM.
#2
Scooby Regular
Join Date: Mar 1999
Location: The Great White North
Posts: 25,080
Likes: 0
Received 0 Likes
on
0 Posts
Darren, care to give a link to a page where you're seeing problems. What version of Safari are you using? If you're talking about Member's Gallery and pictures looking odd, then it's not just Safari, I've tried Firefox (2004) and the same thing happens.
I think the issue is possibly due to the forum software itself and how it copes with large images. I think it will resize the image to a pre-defined size, for example, 640 x 480. If the original image wasn't in a perfect ratio then it can look distorted until you click on the image to load the full size version.
I think the issue is possibly due to the forum software itself and how it copes with large images. I think it will resize the image to a pre-defined size, for example, 640 x 480. If the original image wasn't in a perfect ratio then it can look distorted until you click on the image to load the full size version.
#3
Scooby Regular
Thread Starter
iTrader: (5)
Join Date: Jan 2004
Location: Bedfordshire
Posts: 8,948
Likes: 0
Received 0 Likes
on
0 Posts
Safari 2.0.4
I have had another look in the members gallery and some of the images that are full with of the forum page shrink, but others don't. I guess that these images are wider than the forum page.
In firefox 2 I don't get the same problem.
I have had another look in the members gallery and some of the images that are full with of the forum page shrink, but others don't. I guess that these images are wider than the forum page.
In firefox 2 I don't get the same problem.
#4
Scooby Regular
Join Date: Mar 1999
Location: The Great White North
Posts: 25,080
Likes: 0
Received 0 Likes
on
0 Posts
Just tried it using the thread listed in the picture and you're spot on, Safari seems to squash the image whereas firefox foes not. Another thread I'd looked at (think it was one about an RB320) seemed to squash in both safari and firefox.
Looking at the html source for that page, there is a style being specified on the images, here's an example of the code:
as you can see, the style comment is trying to limit the image to a max width of 640 pixels. The actual image is 800 x 600, so it will scale the width down to 640 but keep the height at 800, thus making the image look odd.
As to why Firefox does not do this. Looking at the size of the images, I think firefox might be smart in working out that it should correct the aspect ratio, as the images are being limited to the max width of 640 pixels, but the height is also being limited, I've taken a screenshot of the same image in firefox and checked the dimensions and it comes back as 640 x 480, which would be the correct aspect ratio for the picture, so it doesn't appear squashed/stretched.
What can be done? Perhaps adding a "max-height: 480px" to the style tag might help, as it would ensure an apect ratio is forcibly being set by the html code, rather than the browser deciding what to do.
I've created a thread in Bugs/Feature Requests about this problem.
Looking at the html source for that page, there is a style being specified on the images, here's an example of the code:
Code:
<a href="http://i108.photobucket.com/albums/n22/RobVXD/m_007.jpg" target="_blank"><img src="http://i108.photobucket.com/albums/n22/RobVXD/m_007.jpg" border="0" alt="" style="max-width: 640px;" /></a><br />
As to why Firefox does not do this. Looking at the size of the images, I think firefox might be smart in working out that it should correct the aspect ratio, as the images are being limited to the max width of 640 pixels, but the height is also being limited, I've taken a screenshot of the same image in firefox and checked the dimensions and it comes back as 640 x 480, which would be the correct aspect ratio for the picture, so it doesn't appear squashed/stretched.
What can be done? Perhaps adding a "max-height: 480px" to the style tag might help, as it would ensure an apect ratio is forcibly being set by the html code, rather than the browser deciding what to do.
I've created a thread in Bugs/Feature Requests about this problem.
Last edited by Markus; 13 June 2007 at 02:59 PM.
Thread
Thread Starter
Forum
Replies
Last Post
Brzoza
Engine Management and ECU Remapping
1
02 October 2015 05:26 PM