Discover the mission

The premise is simple: Internet Explorer 6 is antiquated, doesn’t support key web standards, and should be phased out. This isn’t about being anti-Microsoft, it’s about Microsoft’s lack of development in the browser market. With IE7/8 not available for Windows 2000, IE6 accounts for up to 20% of web usage, primarily via business users. Clients pressure designers to ‘force’ sites to work in IE6, and designers, not wanting to lose business, comply, using hacks and workarounds. This wastes time and money. Microsoft needs to fix this, designers need to unite, and we all need to move on.

Read the article

In the article, ‘Calling time on IE6’, we ask designers and developers if it’s finally time to take IE6 behind the shed and shoot it. Major names in the web industry debate our mission, talking about the pros and cons behind dumping IE6. How feasible is it to shun the browser entirely? What can you do to minimise the impact IE6 has on you and your clients (and increasingly tight budgets)? And what can and should Microsoft do to help us all move the web and web standards on? Find out by reading the article, or just ‘skip to the end’ by looking to the bottom and getting involved.

Get involved

• Put our logo on your site and then link to this site. Follow us on Twitter.
• Educate your colleagues, users and clients regarding calling time on IE6.
• Ensure sites work in IE6, but don’t waste a lot of time fixing non-critical issues.
• Provide an upgrade notice for IE6 users.

  <!--[if lt IE 7]>
  	<div id="ie6Warning">
  		<h4>Time to upgrade your browser</h4>
  		<p>If you're reading this, you're surfing using Internet Explorer 6, an eight-year-old browser that cannot cope with the demands of the modern internet. For the best web experience, we strongly recommend upgrading to <a href="http://www.getfirefox.com/">Firefox</a>, <a href="http://www.opera.com/">Opera</a>, <a href="http://www.apple.com/safari/">Safari</a>, <a href="http://www.google.com/chrome">Google Chrome</a>, or a more recent version of <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx">Internet Explorer</a>.</p>
  	</div>
  < ![endif]-->
  

• Spread the word via Digg, Facebook, Delicious, reddit and StumbleUpon

When using fonts on websites, font should display it’s all properties & styles on all or most web browsers which runs on different platforms like Windows, Mac or Linux. Unfortunately we don’t have much fonts which supported on all web browsers & platforms. So fonts which are working on all or most web browsers are called Web Safe Fonts.

So here are list of web safe fonts which I am using in my web design projects.

Arial

CSS code;

font-family:"Arial", Helvetica, sans-serif;

Georgia

CSS code;

font-family:"Georgia", serif;

Courier New

CSS code;

font-family:"Courier New", Courier, monospace;

Trebuchet MS

CSS code;

font-family:"Trebuchet MS", Helvetica, sans-seri;

Lucida Console

CSS code;

font-family:"Lucida Console", Monaco, monospace;

Verdana

CSS code;

font-family:"Verdana", Geneva, sans-serif;

Times New Roman

CSS code;

font-family:"Times New Roman", Times, serif;

Lucida Sans Unicode

CSS code;

font-family:"Lucida Sans Unicode", Lucida Grande, sans-serif;

Tahoma

CSS code;

font-family:"Tahoma", Geneva, sans-serif;

Again bad behave of IE. I was working on a client website. Site was done by someone else & I am basically fine tuning it & fixing UI bugs. In this scenario there is a multilevel CSS based navigation (that means no Javascripts at all) which coming under the side bar.

In Firefox it was easy to fix by giving the maximum value to the z-index for that particular navigation.

#navigation li a {
	 position:relative;
	 z-index:9999;
}

Keep in mind that if you are using z-index, use position:relative or position:absolute.

But IE didn’t response at all.

After few minutes of workarounds I just gave a minus z-index value to the Side Bar.

#side_bar {
	position:relative;
	z-index:-1;
}

Thank god!!! It worked.