Posts Tagged Download Full
How to use different css on different browser
Cross Browser Compatibility is a huge issue in the website development with many browsers in the market. But luckily most of them uses Internet Explorer and Firefox. Sometimes different version of browser also have different output like the display in IE8 and IE6. To tackle this you can use different css for different browser.
Here’s the code:
<!–[if lte IE 6]>
<style type=”text/css” media=”screen”>
@import “ie.css”;
</style>
<![endif]–>
<style type=”text/css” media=”screen”>
@import “ie.css”;
</style>
<![endif]–>
if lte IE 6 means if browser is lower than equal (lte) IE 6. If you want to use the css specifically to IE 6 then: <!–[if IE 6]>. There are also gte (greater then equal) for browser above or equal a spesific browser. Here’s the summary:
- lte IE 6 -> IE 6 and all version lower
- lt IE 6 -> version below IE 6
- IE 6 -> only IE 6
- gt IE 6 -> version higher IE 6
- gte IE 6 -> IE 6 and all version higher
Download the full code here.
 |  |  |  |  |  |  |  |  | ||||||||||||||