I've got 2 sites that are both rendering differently in IE and Firefox, and I'm not sure what the problem is.. I'm hoping someone here can help. 1) http://letswrestle.blogspot.com - Displays perfectly in IE, but in Firefox the background is missing completely. 2) http://www.myspace.com/sujpatel - This one displays correctly in Firefox, but in IE, none of the boxes have ample padding. (If you look at the page in both browsers, you'll see what I mean) I'd appreciate any help you could offer. Thanks!
tell me about it - I hate IE. That's why I had my site custom built in XML, there's barely a difference between browsers. As for your first site, is the background image a .PNG, by any chance?
FF has got no problem with PNG's. It even handles PNG transparency quite well. IE is the issue here. Some PNG images look darker in IE, and transparency is a nightmare for IE < 7.
^^ exactly - usually the PNG files' transparent background will be tan colored. Try changing the image to something else, and see if it displays in Firefox...I'm not sure why it wouldn't work in Firefox.
Usually when Firefox doesn't show a bg, it's because the container has float or absolute positioned content. With floats, it's likely that the container does not enclose them. In that case, the parent has zero content and zero height. I leave it as an exercise for the class to determine whether this is the case. I have no desire to dig through 'lebendy-seben poorly organized stylesheets to find it for myself. cheers, gary
Proper coding and you can have it the same in both , like the guy above me said, you have to adjust a few things and you will be good.
has anyone here accomplished it so that .PNG has transparency working on both FF & IE < 7??? I'm desperately in need for this solution, has anyone actually seen a website that the transparency works on both type of browsers?
Alpha transparency for PNG's is simply not supported in IE6. You can do all kinds of hacks and workarounds, but it isn't natively supported.
I tried the hack where it uses a "filter" code for IE but then it doesn't work on FF? Has anyone managed to get .PNG transparency to work on both (doesn't matter how)
Hey, you may wish to check on joomla.org donation button on the top right corner of the page. It uses some nice technique to deal with png transparency in IE and FF at the same time.
Thanks a bunch clive, they're using the same code in a similar way. I'll also check at home to see if it works on both FF & IE (hopefully i'll be able to implement to the website i code in the future). What version of FF did you check ? Also can someone confirm if the transparency works with IE7?
Do you mean the joomla donation png transparency? Works fine with FF 1.5 and above, IE6 & IE7 are not an issue either.