Toars I will smile to the world ^o^

Solve the compatibility issue in IE 6, IE 7, IE 8, Firefox, Chrome, and Opera

It is really a tough job to create a site that support all the different browsers, especially for the IE 6, IE 7 and IE 8.

I, recently, encountered some design compatibility issues with different browsers. IE 8, Google Chrome, Firefox, and Opera are almost the same look if designed properly with the CSS, but for IE 6 and IE 7, the layout is totally screwed.

What I did in the Master page is to have this segment of code to avoid this compatibility issue:

<link rel="stylesheet" href="includes/css/main.css" type="text/css" />
<!--[if lte IE 6]>
   <link rel="stylesheet" href="includes/css/ie6/main.css" type="text/css" />
<![endif]-->

And then, in the includes/css/ie6/main.css file, design the layout for IE 6.