Calling All Web Design Gurus: Colors Behaving Badly

By Kent on August 31, 2010 in Tech

I have beat my brain silly trying to figure out why the header on this blog looks normal in Chrome and Explorer.

And messed up in Firefox (note the different colors of red).

I’d be forever grateful if someone could point me to a solution.

Reader, writer, arithmeticer. Proprietor of Newsome.Org, a tech, music and life blog.

Subscribe to our e-mail newsletter to receive updates.

OmegaMom

? The header on top of your blog looks just fine in Firefox for me? I’m on a Dell XPS 420 with Windows Vista Home Premium, using an ATI Radeon HD 2400 Pro graphics adapter.
Jason Haley

It’s off a little in Safari (on windows 7) too. IE, Firefox and Chrome all look fine to me. I would try a png with a transparent background.
http://twitter.com/dnwallace David N Wallace

Fine on Safari/Mac.
http://www.newsome.org Kent Newsome

It looks fine in Firefox at my office, but looks bad on Firefox at home. It’s a jpg created in Photoshop, with a #900000 background color. I have the header background set the same in my WP theme.

I would think it’s a hardware (monitor or card) thing, if it didn’t look weird at home in Firefox but not the others.

I’ll try a transparent png and see if that helps.

Thanks all.
http://www.newsome.org Kent Newsome

OK, I tried using a transparent background. This seems to have fixed things.