Google has finally decided to phase out support for Microsoft Internet Explorer 6.0 in 2010 but has emphasized that they will continue to support Internet Explorer 7.0 and above, Firefox 3.0 and above, Google Chrome 4.0 and above, and Safari 3.0 and above. This will enable Google to harness some of the latest improvements in web browser technology, including faster JavaScript processing, new standards like HTML5, etc.

Many other companies have already stopped supporting older browsers like Internet Explorer 6.0 as well as browsers that are not supported by their own manufacturers.

Starting this week, users on these older browsers will see a message in Google Docs and the Google Sites editor explaining this change and asking them to upgrade their browser.

There is however a large number of internet surfers using this old-school browsers, not by choice but because they don’t know any better or because IE 6.0 was the browser that came with their computer.

If you happen to be one of these unfortunate people – then please do yourself justice by upgrading your browser!

Here are the links:

Microsoft Internet Explorer 7.0+

Mozilla Firefox 3.0+ (Recommended)

Google Chrome 4.0+ (Highly Recommended)

Apple Safari 3.0+

One day I was coding this site and found that the elements aligned perfectly except for this annoying 1px difference that appeared only in Safari and Google Chrome. So after many hours of Googling and lots of Coffee, I foung this online.

This was my mis-behaving code:

#rightmasthead, #leftmasthead {
float:right;
text-align: right;
margin: 33px 0;
padding: 10px 15px 0 0;
border:0px solid #000;
width: 300px;
}

Personally, I try to avoid using CSS hacks, and when writing client code I always assume that anything can be done the “proper” way.

However, in most cases a hack is useful and needed, so here are two hacks (which are, in fact a valid CSS) that can be used to target and distinguish Google Chrome and Safari:

@media screen and (-webkit-min-device-pixel-ratio:0) {
#rightmasthead, #leftmasthead {
margin: 32px 0; /* This works only in Safari and Google Chrome */
}
}

Viola it works now perfectly!