Rob in hood Posted February 23, 2010 Report Share Posted February 23, 2010 I am having a very weird problem with my background image. Its edges are all #080808 (verified in MS Paint and Photoshop). I have set this color in the CSS (see below). When Firefox renders it in Windows it renders the edges of the background image at #0c0c0c. When FF renders it in Mac, it does #0a0a0a. Opera in Mac renders it correctly at #080808. Safari fails. Internet Explorer 8 renders correctly at #080808. What on earth is going on? O_o :/ body { font-family: Helvetica, Verdana, sans-serif; letter-spacing: 1px; font-size: 19px; background: #080808 url(images/background.jpg) center top no-repeat; margin: 0; padding: 0; height: 853px; } Quote Link to comment Share on other sites More sharing options...
falkencreative Posted February 23, 2010 Report Share Posted February 23, 2010 I'm assuming you are saving it in Photoshop using the "Save to web" feature... I'd double check a couple settings in the "save to web" dialog that might cause problems. -- make sure "embed color profile" is unchecked -- make sure "convert to "sRGB" is unchecked You might also want to look at this article: http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/ Quote Link to comment Share on other sites More sharing options...
Rob in hood Posted February 24, 2010 Author Report Share Posted February 24, 2010 Thank you very much! That article was very informative. The sRGB thing seems to have been the problem. It turns out that FF and Safari take the colour profile into account, while other browsers don't - hence the weirdness across browsers. Thanks again. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.