Hi guys, Got a bit of a problem with colours at the mo. I keep getting the wrong colours. To see what I mean go to this webpage in both FireFox and IE7 and you'll see what I mean. Can anyone help me out here because IE7 drives me nuts yet I have to build sites that are compatible with most browsers. Go FIREFOX that's what I say!! Thanks in advance.
Oooh yeah a big difference. Looks much much nicer in FF. Although I prefer the nav bar in ie. Maybe you could make the mainbackground one long thin image rather than just one background image at the bottom and black for the top half (i guess thats what you've done) That may solve the main background problem
Thanks for the reply Nick, Problem is if I create this image then what happens if the page become to long? I just can't understand why two browsers display colour differently when they have exactly the same value. Why can't they use the same colours? :glare:
The grey is a web safe colour; code: #333333. I always seem to get this problem in IE. Also the image at the bottom is a PNG, not sure whether this should be a different format? I always thought PNG was the best type to use for the web.
Hmmm, your background image, are you displaying a different height to the 'actual' image height by any chance. That aside the 'grey' is much darker in ff and so blends the bg image better. Apart from using a different colour combination I have no idea how you solve it, but you have my commiserations. I've always used jpegs or gifs because of the size difference and it's hard to see a difference anyway on screen. Just my 2c Jim
Without delving too deep, a quick fix would be to use a 1x1 pixel image of the same colour & image format as a repeating background image, instead of the background colour. If this doesn't fix it I'd guess there's probably something else going on with the syling somewhere
You have two different references to the background image which can't help: PHP: <style type="text/css"> <!-- body { background-repeat: repeat-x; } --> </style> PHP: body { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #333333; margin-top: 0px; background-image: url(); background-repeat: repeat; }
Hi, Thanks for all your help but I've fixed it now. Funny thing is the fix I used has happened before. It seems that IE wants to display PNG's different to FireFox. What I've done is changed the image to a GIF and now all is fine. Isn't that odd!? :blink:
Well IE6 can't handle transparent PNGs I know that! If anything alot of issues are fixed in IE7 with PNG!! Ben
One thing to check, make sure you're using SRGB in PhotoShop, because using AdobeRGB can result in desaturated images when displayed on websites.
Just from a usability angle if you turn off css then you can't see the text. see attachment. (hope it helps) I usually try to stay away from dark themes but I like the top nav. Very nice
