[Pro] Image distortion in Chrome/Safari

Ok, I’m having serious issues with Chrome and Safari stretching and distorting my images. Everything looks perfect in Firefox, however. I have no clue where to even begin on a fix for this. If anyone has any ideas, I’d be grateful.

One link is to the actual ‘live’ webpage, the other is just a composite screenshot showing the difference between the browsers.

https://dl.dropboxusercontent.com/u/52520876/welcome.html

https://dl.dropboxusercontent.com/u/52520876/Screen-Shot-2015-04-04-at-10.23.18-PM.jpg


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’m not seeing the distortion in either Chrome or Safari. Have you tried emptying your caches or forcing a refresh? Or a different computer?

Chrome Version 41.0.2272.118 (64-bit)
Safari Version 8.0.4 (10600.4.10.7)

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve just had some others tell me the same thing, they’re not seeing the distortion either. That’s a huge relief…I’ll try emptying the cache for those browsers and see if that works. Thanks so much!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am afraid that there are definitely issues with your construction

Caused by a mixture of defined heights and fixed widths on some of your images

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Just another small point

<meta name="viewport" content="width = 1280, minimum-scale = 0.25, maximum-scale = 1.60">

Rather than a defined width of 1280 you should set it for device-width

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options