Colors don't Match Up?
January 7, 2009 - 9:03am
January 7, 2009 - 10:46am
January 8, 2009 - 10:43am
Had this problem
I actually ran into this problem last night. My browser and GIMP displayed the same hex code differently. I was working with an image that was all grays in RGB. I switched to gray scale and the problem went away. There can still be issues. I think Photoshop is getter at getting this right. Is that what you were using?
January 8, 2009 - 10:12pm
January 13, 2009 - 7:03pm
Safari supports color
Safari supports color profiles on images, firefox ignores them. I had this same issue the other day. An image wasn't matching the CSS background even though in photoshop it was exact. When I saved my jpeg from Photoshop I made sure no color profile was embedded, and now it looks the exact same in FF or Safari.
here is the site i was having trouble on:
http://deluge6.220power.com
there is a background gradient that fades into the body's CSS color, in Safari it wouldn't quite match, giving an obvious line where the jpg stopped and the css color began.
Jamie
January 20, 2009 - 4:01pm
June 21, 2009 - 10:36pm
July 15, 2010 - 8:48am
Or (simpler)
Use CSS3 to round the colors and create the drop shadows. That's what it's made for, after all.
Supported right now in every current browser but IE, and will be supported in IE9. You could also use the CSS3PIE behavior (http://css3pie.com/) to add that to earlier versions of IE.
We're never going to make progress in the web design field so long as we hold everyone in the class back to the same speed as the slowest students (meaning, IE). It's time, especially when it comes to good-looking but inessential features such as drop-shadows, rounded boxes, etc., we just let the dumb browsers do without those touches while the capable ones get to show off a little.
I've recently put together a curvy corner thing. My problem isn't the implementation of the corners though, its that in Firefox it looks great, but in Safari the colors I set using CSS aren't the same as the colors I used in the image. It puzzles me that firefox would work right, but not Safari.
It is just a simple graphic with a curved corner and a drop shadow under it, but the div right beside it should have the same color. This is happening on two different boxes. One is blue (#013893) and the other green (#0B7803). I cut and pasted those in when creating the boxes in my graphics program.
A Geek Missionary