Toars » CSS http://www.toars.com I will smile to the world ^o^ Fri, 06 May 2011 08:50:54 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 CSS Compatibility and Internet Explorer http://www.toars.com/2009/10/css-compatibility-and-internet-explorer/ http://www.toars.com/2009/10/css-compatibility-and-internet-explorer/#comments Wed, 28 Oct 2009 07:33:51 +0000 Xin http://www.toars.com/?p=348

]]> http://www.toars.com/2009/10/css-compatibility-and-internet-explorer/feed/ 0 Solve the compatibility issue in IE 6, IE 7, IE 8, Firefox, Chrome, and Opera http://www.toars.com/2009/08/solve-the-compatibility-issue-in-ie-6-ie-7-ie-8-firefox-chrome-and-opera/ http://www.toars.com/2009/08/solve-the-compatibility-issue-in-ie-6-ie-7-ie-8-firefox-chrome-and-opera/#comments Fri, 07 Aug 2009 08:10:43 +0000 Xin http://www.toars.com/?p=3 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.

]]> http://www.toars.com/2009/08/solve-the-compatibility-issue-in-ie-6-ie-7-ie-8-firefox-chrome-and-opera/feed/ 2