Anybody use Chrome on a Mac and has a bit of web knowledge?

RuneBrush

New member
I've come across a very specific problem regarding displaying an image in Chrome on an Apple Mac but I don't have access to a Mac to do any tests.

The page works in Chrome on a pc without any issues at all and Safari/IE on a Mac is also fine so I'm really perplexed!
 

Sukigod

Member
What's the URL to the page and what image isn't showing? I can test it here at work for ya and see if I can help troubleshoot it.

Randy
 

RuneBrush

New member
What's the URL to the page and what image isn't showing? I can test it here at work for ya and see if I can help troubleshoot it.

Randy

Just sent a PM - thanks! I've been told that I'm not allowed to publicise the URL :s


THERE's your problem!

Unfortunately the person who has a problem is a customer so I'm in the situation where I have to get it working. Sadly that customer appears to be one of those people who has a little bit of knowledge but thinks they're an IT genius...
 

Bloodhowl

Active member
Unfortunately the person who has a problem is a customer so I'm in the situation where I have to get it working. Sadly that customer appears to be one of those people who has a little bit of knowledge but thinks they're an IT genius...

Oh! One of those that are aka job security! :smile:
 

Sukigod

Member
Thanks Runebrush. I got your PM and will try to take a look at it today. On the face of things, I can't see why it wouldn't display.

One option: Check the leading slash in your link to the image. Most browsers have a level of error correction built in (best guess scenarios) and Chrome may not have that particular correction. Should read like this..

folder/folder/image.jpg

not

/folder/folder/image.jpg

Note the leading slash in the last example. This is just a starting guess - not at the Mac atm, home checking code for anything obvious. 9and easy to miss, I know, been there before :) )

Although, the company logo at bottom is coded the same way - do they see that image?
 
Last edited:

RuneBrush

New member
Cheers for looking :) Yes the image at the bottom is clearly visible! Originally the image was just referenced as "image.jpg" which I thought might be something to do with it! I've also added the width attribute on although originally it was purely styled using CSS to fill it's parent div using a width & height of 100%...
 

Sukigod

Member
Hey Runebrush,

Got a look on my Mac today - OSX 10.7.5 - Chrome ver. 23.0.1271.64

I can see all images on that page. Nothing seems to be out of sorts.

I did a bit of digging and found that a common Chrome/Mac image display issue is the Ad-Block plugin. Not sure why that one seems to have the biggest issues and doesn't look like the problems are very consistent. It really does smell like an issue on the users computer and not the originating files. Don't you hate that? I know it's hard to tell your client "Well, it's your fault, and your machine...."

What I would do is try re-exporting the image out from your graphics program (P'shop or whatever) in a different format - GIF or PNG, see if their computer renders correctly. It may be possible there's a .js conflict going on also/instead. Is it possible to do the image map (for this proof only) the old fashion way instead of using JS?

Maybe going back even further to a (gasp) table-assembled image with individual href's attached, no image map. I'm not sure exactly what the client is proofing - images only? Working code?

I hope this works out for you, let me know how it unfolds, I'm curious to see how it gets resolved.

Randy

(I'm really surprised the issue isn't with IE of some version :) )
 

RuneBrush

New member
Hey Runebrush,

Got a look on my Mac today - OSX 10.7.5 - Chrome ver. 23.0.1271.64

I can see all images on that page. Nothing seems to be out of sorts.

I did a bit of digging and found that a common Chrome/Mac image display issue is the Ad-Block plugin. Not sure why that one seems to have the biggest issues and doesn't look like the problems are very consistent. It really does smell like an issue on the users computer and not the originating files. Don't you hate that? I know it's hard to tell your client "Well, it's your fault, and your machine...."

What I would do is try re-exporting the image out from your graphics program (P'shop or whatever) in a different format - GIF or PNG, see if their computer renders correctly. It may be possible there's a .js conflict going on also/instead. Is it possible to do the image map (for this proof only) the old fashion way instead of using JS?

Maybe going back even further to a (gasp) table-assembled image with individual href's attached, no image map. I'm not sure exactly what the client is proofing - images only? Working code?

I hope this works out for you, let me know how it unfolds, I'm curious to see how it gets resolved.

Randy

(I'm really surprised the issue isn't with IE of some version :) )


Hi Randy,

Cheers for that. To give you the whole story, this will fit into a JS page turning magazine thing which auto-resizes to fill the browser window, basically the JS will scale up/down the image map points alongside the page (believe me this has been a complete nightmare to code!). Could I be cheeky and ask for a screenshot in chrome to prove to the customer it's all working and it must be a local issue to them? I'll be passing it onto somebody else to communicate with them anyway so don't need to put my head into the firing line :p

I may knock up a number of variant proofs doing the bits above to see what does and doesn't work for them.

I've a fun thing with videos on IE currently but hey that's Microsoft and html5 for you...

You're a star :D

pete
 
Back To Top
Top