Re: [WSG] Safari Lightening Entire Background Image

2006-01-13 Thread Jack Kennard 

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
**

Re: [WSG] Safari Lightening Entire Background Image - FIXED

2006-01-13 Thread Mani Sheriar 
> 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 - FIXED

2006-01-13 Thread Chris Kennon 

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

2006-01-13 Thread Jan Brasna 

FYI - it's described here:





--
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

2006-01-12 Thread Mani Sheriar 
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
**

Re: [WSG] Safari Lightening Entire Background Image

2006-01-12 Thread Nick Cowie 
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

2006-01-12 Thread Mani Sheriar 








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 didn’t solve anything.

The fact that
the screenshot is a png has nothing to do with the issue … it’s
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

2006-01-12 Thread Philippe Wittenbergh 


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


(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



**
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

2006-01-12 Thread Laurie Savage 
On Thu, Jan 12, 2006 at 04:18:58PM -0800 or thereabouts, 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
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

2006-01-12 Thread Chris Kennon 

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

2006-01-12 Thread Joshua Street 
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
**

[WSG] Safari Lightening Entire Background Image

2006-01-12 Thread Mani Sheriar 
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
**