Hello,

IE is really pis**** me off, problem after problem. Go to my site in my sig and look at the nav bar, you see the colours of the nav buttons and the rest of the bar matches in firefox, but in IE they don't. For some reason the colours are different brightness and i have no idea why.

Incase you need to know, the images are PNG and i implemented some code to solve problems with PNG files. (see source of page, just above </head>)

Thankyou

I hate IE, Firefox Rules.
I have had problems simmilar with PNG, maby change to gif.

I think it might be the .png too though I didn't have a good explanation. I think in IE that the png for the navigation links is allowing some of the background png to show through making it look darker behind the navigation links. That's just a theory though. I do think that changing the images to jpgs will probably fix the problem.

I'm also a big Firefox supporter, but I don't think it's fair to blame IE when things don't always work like you want them too. Most of the time when we can't get something to work in a browser it's because of our lack of knowledge about how the browser displays our code than it is the browsers fault.

I agree that IE lacks a little in some of it css compliance and in this case its support for png files (at least I think in this case), but it really handles most css pretty well. I imagine with version 7 IE will catch up on its css2 support. (then we can all complain about how it doesn't support css3) I've even come across times when IE behaved exactly as I expected only to have things not work in Firefox.

The more I've learned about css and web development in general the less problems I've had in getting things to display the way I want across different browsers. Usually now it's just a couple of minor tweaks of my original code.

it works now, i changed it to jpeg

Looks good herbal. Hopefully IE will improve it's supprt for .png files with IE7.

That is odd. IE should support PNG's just fine, just not the alpha transparency. If you weren't using alpha transparency, then they should have appeared just fine. Then you have that JS that fixed the alpha transparency issue anyway, so I wonder what the problem was.

Anyway, glad you got it working

Chroeder, I haven't used pngs much myself. What's the appha transparency issue? Does it occur when creating the pngs in an image editor?

GIF's uses something called 'binary transparency'. This means that any pixel is either a solid color, or is transparent. PNG's on the other hand support something called 'alpha transparency' which can make a pixel "kind of transparent". Where you would get blocky edges on transparent GIF's (a transparent GIF saved for light backgrounds will have those blocky light edges when used on a dark background), PNG's will show seamlessly.

The misconception is that PNG+transparency simply does not work in IE. But you can still use 'binary transparency' in IE (just like GIF's).

The Wikipedia page on PNG is a good read for those who are interested.

Thanks for the info and the link. I've mostly stick to using gifs and jpgs, but would like to learn a little more about png files. Seems like it's going to be the way to go. I had thought support for them was pretty good and from what your saying it sounds like it is.

There's some CSS you can use to get transparent PNGS to work in IE 6, no java script required (although you can acheive the same effect with JS).