CSS Embedded Stylesheet and Hacks for IE – (New)
November 23, 2011Embedded Stylesheet and Hacks for IE
Target ALL VERSIONS of IE
<!–[if IE]>
<link rel=”stylesheet” type=”text/css” href=”all-ie-only.css” />
<![endif]–>
Target everything EXCEPT IE
<!–[if !IE]><!–>
<link rel=”stylesheet” type=”text/css” href=”not-ie.css” />
<!–<![endif]–>
Target IE 7 ONLY
<!–[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie7.css”>
<![endif]–>
Target IE 6 ONLY
<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie6.css” />
<![endif]–>
Target IE 5 ONLY
<!–[if IE 5]>
<link rel=”stylesheet” type=”text/css” href=”ie5.css” />
<![endif]–>
Target IE 5.5 ONLY
<!–[if IE 5.5000]>
<link rel=”stylesheet” type=”text/css” href=”ie55.css” />
<![endif]–>
Target IE 6 and LOWER
<!–[if lt IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-down.css” />
<![endif]–>
<!–[if lte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-down.css” />
<![endif]–>
Target IE 7 and LOWER
<!–[if lt IE 8]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-down.css” />
<![endif]–>
<!–[if lte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-down.css” />
<![endif]–>
Target IE 8 and LOWER
<!–[if lt IE 9]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-down.css” />
<![endif]–>
<!–[if lte IE 8]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-down.css” />
<![endif]–>
Target IE 6 and HIGHER
<!–[if gt IE 5.5]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-up.css” />
<![endif]–>
<!–[if gte IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie6-and-up.css” />
<![endif]–>
Target IE 7 and HIGHER
<!–[if gt IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-up.css” />
<![endif]–>
<!–[if gte IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie7-and-up.css” />
<![endif]–>
Target IE 8 and HIGHER
<!–[if gt IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-up.css” />
<![endif]–>
<!–[if gte IE 8]>
<link rel=”stylesheet” type=”text/css” href=”ie8-and-up.css” />
<![endif]–>
HACKS
If you must…
IE-6 ONLY
* html #div {
height: 300px;
}
IE-7 ONLY
*+html #div {
height: 300px;
}
IE-8 ONLY
#div {
height: 300px/;
}
IE-7 & IE-8
#div {
height: 300px\9;
}
NON IE-7 ONLY:
#div {
_height: 300px;
}
Hide from IE 6 and LOWER:
#div {
height/**/: 300px;
}
html > body #div {
height: 300px;
}
source from css tricks
Leave a Comment » | 
CSS | 
Permalink
Posted by maheshkumarm1981
Dotted border in Links Issue
April 18, 2011
Link and button show dotted border at the time of onclick
CSS outline property solve this issue
a:focus{outline:none}
Leave a Comment » | CSS | Permalink
Posted by maheshkumarm1981
Template 1
March 1, 2011
Leave a Comment » | Template, Uncategorized | Permalink
Posted by maheshkumarm1981
Three Column Height – DIV based
October 25, 2010<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Horizon – Travel Guid</title>
<style type=”text/css”>
#index{}
.colOne, .colTwo, .colThree{float:left; width:100%; position:relative;}
.colOne{background:#ccc; overflow:hidden;}
.colTwo{right:30%; background:#ccc;}
.colThree{right:30%; background:#ccc}
.fOne, .fTwo, .fThree{float:left; position:relative;}
.fOne{width:30%; left:70%;}
.fTwo{width:39.9%; left:70%;}
.fThree{width:30%; left:70%;}
</style>
</head>
<body>
<div id=”index”>
<div class=”colOne”>
<div class=”colTwo”>
<div class=”colThree”>
<div class=”fOne”>First Column<p>First Column</p></div>
<div class=”fTwo”>Second Column</div>
<div class=”fThree”>Three Column<p>Three Column</p><p>Three Column</p><p>Three Column</p><p>Three Column</p><p>Three Column</p></div>
</div>
</div>
</div>
</div>
</body>
</html>
Leave a Comment » | CSS | Permalink
Posted by maheshkumarm1981
Photo Morphing – MaheshKumarM
October 5, 2010
MaheshKumarM-300
-
- MaheshKumarM-300
Leave a Comment » | Album | Permalink
Posted by maheshkumarm1981
Mahesh Kumar August 2010
August 24, 2010
Leave a Comment » | Album | Permalink
Posted by maheshkumarm1981
