Azure Web Design » Cross Browser Problems

IE6 Does Not Support Multiple Class Selectors

admin — Thu, 04 Feb 2010 09:05:20 +0000

Google will be ending support for IE6. That’s a good thing if you’re a front-end developer constantly pulling your hair to support IE6. You know how painful it could get. Fortunately this move by Google should force IE6 users to upgrade, switch or die.

We came across a recent issue regarding multiple class selectors.

In this example, using the selectors .box.featured or .box or .featured would reference the DIV. However IE6 does not recognize .box.featured. Herein lies the problem. So the solution is to avoid multiple class selectors.

How Many People Still Use IE6, IE7 and IE8?

admin — Fri, 31 Jul 2009 07:30:48 +0000

It’s been several years already and who would have thought that a great many people are still using IE6? Apparently, IE6 still has lots of fans.

These two snapshots were taken from our properties, with majority of the visitors coming from the U.S. and Philippines.

IE7 dominates the Internet Explorer charts. However, websites should still be developed to be backward compatible with IE6. It’s safe to say that we can now forget about IE5.5.

IE6 & IE7 Space Under Image Bug

admin — Sat, 27 Jun 2009 07:24:04 +0000

Problem Description:

IE6 and IE7 adds an extra space under an image.

Fix:

Add font-size:1px into the containing div.

Fix courtesy of http://blog.creonfx.com/internet-explorer/ie6-image-whitespace-bug

On Running IE6, IE7 and IE8 side by side

admin — Wed, 24 Jun 2009 09:58:44 +0000

Getting IE6, IE7 and IE8 to work on the same machine is a real pain. Fortunately the guys at Tredosoft released the Multiple IE Installer.

Aarfing.dk has an excellent step by step instructions on how to run different IE versions them side by side

IE6 Bullete Disappear When Lists Are Floated To Form Multiple Columns

admin — Thu, 18 Jun 2009 09:42:09 +0000

IE6 bullets disppear when lists are floated to form multiple columns. This happens because IE converts the lists

into inline (display:inline) elements when floated.

A solution would be to put the bullets in the encasing link or span, inside the

Reference: http://www.sitepoint.com/forums/showthread.php?t=549599

Different Colors in IE and Firefox

admin — Thu, 01 May 2008 18:35:18 +0000

I discovered another problem while developing a site, I was surprised that the colors rendered from a .PNG image was different between IE and Firefox!

Turns out this was because of Alpha Transparency Levels and Gamma Information that is stored inside PNGs.

Your header background is a .gif, whereas your logo is a png.

PNGs have alpha transparency levels, where as GIF files have only one level of transparency. Internet Explorer 6 and below don’t have support for those alpha levels of transparency.

Internet Explorer 7 supports these levels of transparency. So why is it that PNG files look darker then? This has nothing to do with transparency. This has everything to do with Photoshop. Photoshop stores gamma information in all PNG files, that causes them to be rendered differently in IE7.

Delete that gAMA entry out of your PNG files, and it’ll all look fine. You can use a freeware program, PngCrush, to do this: http://pmt.sourceforge.net/pngcrush/

Do a search on ‘PNG color shifts’, you’ll come up with a lot of hits.

http://www.polarbearlamps.net/2007/04/png_color_mismatch_on_the_web.html

http://www.molly.com/2007/11/20/your-best-practices-for-creating-great-pngs/

Taken from: http://www.lunarforums.com/lunarpages_message_boardsforumsfantastico_scripts/logo_background_color_different_in_firefox_and_ie-t46125.0.html