February 4th, 2010
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.
<div class="box featured"></div>
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.
Posted in Cross Browser Problems | No Comments »
July 31st, 2009
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.
Posted in Cross Browser Problems, Demographic Analysis | No Comments »
June 27th, 2009
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
Posted in Cross Browser Problems, XHTML/CSS | No Comments »
June 24th, 2009
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
Posted in Cross Browser Problems | No Comments »
June 18th, 2009
IE6 bullets disppear when lists are floated to form multiple columns. This happens because IE converts the lists <li> into inline (display:inline) elements when floated.
A solution would be to put the bullets in the encasing link or span, inside the <li></li>
Reference: http://www.sitepoint.com/forums/showthread.php?t=549599
Posted in Cross Browser Problems, XHTML/CSS | No Comments »
May 1st, 2008
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
Posted in Cross Browser Problems | No Comments »