Can't get background color proper?

[funktifeye]

I downloaded and set up the Sugar template and have it up and running. Everything appears to work fine as of now, except I cannot for the life of me get the background color to work properly.

In Dreamweaver, the Design portion shows the site exactly as it should be, with a background that matches the final edge color of the png files from the template (does that make sense?). However, when I load it up in IE after having uploaded the entire template directory (including stylesheet), the color comes out differently. I tried adding a background-color and color line to the stylesheet for the proper color (#272727), but it still comes up different. That's about the extent of my HTML knowledge (actually, I looked that up on the web). Any help would be appreciated.

The site in question is: http://plog.funktifeye.com

[Joe[y]]

use photoshop (or any imaging program that can read hex colours) to make sure your hex code is accurate - also, i would suggest only using 'web safe' colours (not sure if that is websafe..) as there can be no guarantee of consistent colour otherwise.

[Connie]

unfortunately it comes with many browsers that the definition of a background color doesn't match the color of an image

I remember that for many years

you take the color (RGB) of a graphic file and use that exact color for background and there is still a difference

this is handled differently by the browsers
did you check it with Firefox? Opera?

you know, IE is not updated for many years now and very behind the standards...

[funktifeye]

@Joey - I did a screen capture and checked the color in PS, but I'm not sure what this is supposed to help with. I am under the impression that the background color is not related to an image because I get a reading that doesn't correspond to the color of any of the images in the template's image folder. And I can't find any hint of this hex-code color in the stylesheet either.

The 'background' image (if I understand correctly) is the white part in the middle and the gray borders to it, since these are what I was able to pull up in Photoshop. Outside of the gray borders though, I have no idea how to control the color.


@Connie - I tried with Firefox with similar results, though I haven't tried with Opera. But, since Firefox and IE seem to make up 99% of anybody who visits my website, I hope I can get it to work well in those.

Any other ideas by chance?

[funktifeye]

I figured it out - I had to save my PNG template images as sRGB (they were as Adobe RGB by default from PS) for proper web display. Thanks for the advice.

[Connie]

great, that it works now!

one thing we can learn from that: the more programs are involved the higher the chance that they do something "special" ...

we know this from Microsoft software as well as from Adobe :rolleyes: