Re: [WSG] Safari Lightening Entire Background Image
FYI - it's described here: http://hsivonen.iki.fi/png-gamma/ http://annevankesteren.nl/2004/07/png-gamma http://www.evolt.org/article/To_PNG_or_not_to_PNG/22/60134/ -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image - FIXED
Hi, So the problem was resolved with the re-saved images alone, or in concert with changes to the CSS? Respectfully, Christopher Kennon Principal Creative Director -Bushidodeep www.bushidodeep.com On Jan 12, 2006, at 6:35 PM, Mani Sheriar wrote: Thanks all, especially Nick Cowie who seemed to really look into this thing! I don’t know how I did it … but it’s fixed. I just resaved all the images AGAIN and somehow the problem went away. What a strange experience. Anyway … many thanks again. =) Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image - FIXED
So the problem was resolved with the re-saved images alone, or in concert with changes to the CSS? No change to the CSS. This has me baffled as I had already tried resaving all the images but I don't really have the time to figure it all out - I'm just thanking the web design gods that it all worked out and going about my merry way. ;o) Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image
Nick Would also happen if there was no-repeat of the image ?
Nick Cowie wrote:
My suggestion it has something to do with the two background images
involved:
html {
min-height:100%;
margin-bottom:1px;
background:url(../_images/bg2.jpg);
}
body {
background:url(../_images/bg.jpg) repeat-x top;
position:relative;
(snip)
}
Safari has a bug which can cause background images to behave badly (if
the background image is larger than the container or set to repeat),
the background image will overflow the container they are the
background for.
I describe here - halfway down the page - see trouble with safari
http://nickcowie.com/2005/elastic-faux-columns/
I would remove background:url(../_images/bg.jpg) repeat-x top; from
body and see if that resolves the issue
--
Nick Cowie
http://nickcowie.com
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.371 / Virus Database: 267.14.17/227 - Release Date: 1/11/2006
--
Jack Kennard
Web Designer
http://www.WebSailingDesigns.com
770 437-1267
770 933-2000 x233
Stay up to date with the latest travel
technology on the web
http://www.websailingdesigns.com/blog/
Stay in touch by Instant Messenger
msn- [EMAIL PROTECTED]
yahoo- javajoba
Please do not use these for emails
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Safari Lightening Entire Background Image
Hey all, Im having a slightly maddening problem that appears to be only in Safari. The test page is here: http://www.manisheriar.com/sparkplug/paywi/ On Firefox and IE all seems good, but in Safari the grays of the main background image are too light and therefore clashing with other images where it is supposed to blend. See screenshot here: http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png All these images were sliced from the same flattened psd. At first I thought it might be some weird problem with jpg vs. gif but I resaved everything to be jpg and the issue is still there. Nor is it background vs. foreground ... the lock image is foreground but the nav buttons are background. Arrrggghhh!!! Anyone have any thoughts? THANK YOU in advance!!! Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image
Tried on another computer? Could be different monitor/colour profiles on Mac vs. PC. If, on the Mac, you go to System Preferences Displays Color Calibrate... you can set the colour to resemble that of a PC more closely. If you open it up in FF/Mac or IE/Mac and the problem IS colour profiles, it'll probably look the same as it does in Safari. If not, there's something else at play. Alternatively, if it were a PNG, maybe it's just that Photoshop sucks at saving those files. I've had problems with exporting PNGs that have crap colour (ONLY IN IE, for whatever reason) until I open/resaved with The GIMP (gaining a few bytes in the process, but making it work properly!). Could just be me/ineptitude at Photoshop (new job, have been thrown from GIMP-only world into Photoshop, and it hurts!), but possibly not. On 1/13/06, Mani Sheriar [EMAIL PROTECTED] wrote: Hey all, I'm having a slightly maddening problem that appears to be only in Safari. The test page is here: http://www.manisheriar.com/sparkplug/paywi/ On Firefox and IE all seems good, but in Safari the grays of the main background image are too light and therefore clashing with other images where it is supposed to blend. See screenshot here: http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png All these images were sliced from the same flattened psd. At first I thought it might be some weird problem with jpg vs. gif but I resaved everything to be jpg and the issue is still there. Nor is it background vs. foreground ... the lock image is foreground but the nav buttons are background. Arrrggghhh!!! Anyone have any thoughts? THANK YOU in advance!!! Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Joshua Street http://www.joahua.com/ +61 (0) 425 808 469 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image
Hi, Would the screenshot being in .png cause a difference? In photoshop check your color setting in the save for web window, it could be a gamma issue there? Also confirm the flattened image does not have a color profile. Nice site, all things aside? On Jan 12, 2006, at 4:18 PM, Mani Sheriar wrote: Hey all, I’m having a slightly maddening problem that appears to be only in Safari. The test page is here: http://www.manisheriar.com/sparkplug/paywi/ On Firefox and IE all seems good, but in Safari the grays of the main background image are too light and therefore clashing with other images where it is supposed to blend. See screenshot here: http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png All these images were sliced from the same flattened psd. At first I thought it might be some weird problem with jpg vs. gif but I resaved everything to be jpg and the issue is still there. Nor is it background vs. foreground ... the lock image is foreground but the nav buttons are background. Arrrggghhh!!! Anyone have any thoughts? THANK YOU in advance!!! Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image
On Thu, Jan 12, 2006 at 04:18:58PM -0800 or thereabouts, Mani Sheriar wrote: Hey all, Im having a slightly maddening problem that appears to be only in Safari. The test page is here: http://www.manisheriar.com/sparkplug/paywi/ On Firefox and IE all seems good, but in Safari the grays of the main IE/Firefox on Windows or Mac? Don't colours render slightly lighter on Macs? THANK YOU in advance!!! Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Laurie Savage = http://moodle.pvgc.vic.edu.au/~sav Assessment/Reporting/Tracking Pascoe Vale Girls College, Pascoe Vale, Victoria. +613 9306 2544 = ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image
On 13 Jan 2006, at 9:18 am, Mani Sheriar wrote: I’m having a slightly maddening problem that appears to be only in Safari. The test page is here: http://www.manisheriar.com/sparkplug/paywi/ On Firefox and IE all seems good, but in Safari the grays of the main background image are too light and therefore clashing with other images where it is supposed to blend. See screenshot here: http://www.manisheriar.com/sparkplug/paywi/_images/paywi.png There is indeed a huge difference between the rendering of bg_home.jpg (the big one in the middle) and bg.jpg. See http://emps.l-c-n.com/bm/mani.png (this is on 10.4.4) I can reproduce this on 3 different machines. Latest Safari on 10.3.9 shows the same. Safari has known issues with png files (colour that doesn't match the same colour in htmls/css), but that is not the case here. Are all those images saved as the same compression level ? Could this be related to background-repeat: repeat or no-repeat ? I've never seen something like this with jpg files. PS - the problem only happens with Safari. All other browsers on OS X display the page correctly. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Safari Lightening Entire Background Image
Just to answer some of the points made thus far The large background image, which has been rendered too lightly, as well as the sign in button, the lock image, and the nav buttons, which render correctly (ie, more darkly) were all saved from the same file using the same settings. And I have tried resaving them all more than once to make triple sure! The images which are the culprits are all jpgs, not pngs. Originally they were some jpg and some gif and I thought that might be the problem so I changed them all to jpg but that didnt solve anything. The fact that the screenshot is a png has nothing to do with the issue its just a screenshot. Most importantly though, this is not an issue of colors rendering differently across various browsers IN GENERAL, but rather an issue of Safar rendering different images which were sliced up from the same original image differently FROM EACH OTHER. So in Safari images lying next to each other do not flow seamlessly as they do in the other browsers (on both mac and pc). Thanks so much for your help!! Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741
Re: [WSG] Safari Lightening Entire Background Image
My suggestion it has something to do with the two background images involved:html { min-height:100%; margin-bottom:1px; background:url(../_images/bg2.jpg); }body { background:url(../_images/bg.jpg) repeat-x top;
position:relative;(snip) }Safari has a bug which can cause background images to behave badly (if the background image is larger than the container or set to repeat), the background image will overflow the container they are the background for.
I describe here - halfway down the page - see trouble with safarihttp://nickcowie.com/2005/elastic-faux-columns/I would remove background:url(../_images/bg.jpg) repeat-x top; from body and see if that resolves the issue
-- Nick Cowiehttp://nickcowie.com
Re: [WSG] Safari Lightening Entire Background Image - FIXED
Thanks all, especially Nick Cowie who seemed to really look into this thing! I dont know how I did it but its fixed. I just resaved all the images AGAIN and somehow the problem went away. What a strange experience. Anyway many thanks again. =) Mani Sheriar Founder, Sheriar Designs www.ManiSheriar.com | 925.914.0741 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
