cbertelegni/README.md

## README.md

      
    Raw
  

              README.md
            
          
    Ejemplos de hack CSS


## hacks_ie.html
<!DOCTYPE html>
<html>
 <head>
 <title>Ejemplos de HACKS para Internet Explorer</title>
 <style>
  * { padding: 0; margin: 0}
  body{
   background : red;
   *background : blue; /* IE 6, 7 & 8 */
   //padding : 100px; /* IE 7 & 8  */
  }
  div#wrapper {
   width: 80% !important; /* pisa a cualquier otra regla declarada para este selector */
   width: 40%;
   width: 400px;
   margin: 20px auto;
   background: #c00;
   padding: 10px 0;
   overflow: hidden
  }
  .margen10 {
   width: 46%;
   height:50px;
   background: #f60;
   margin: 0 2%;
   float: left
  }
 </style>
 <!--
  lt IE VERSION  (less than version, menor version)
  lte IE VERSION  (less than or equal to version, version menor o igual)
  IE VERSION   (only this version, solo esta version)
  gte IE VERSION  (greater than or equal to version, esta version o mayor)
  gt IE VERSION  (greater than version, mayor version que esta)
 -->

 <!--[if IE 7]>
  <style>
   body { background: #000}
  </style>
 <![endif]-->
 <!--[if lt IE 7]>
  <style>
   body { background: #f00}
  </style>
 <![endif]-->
 <!--[if lte IE 9]>
  <style>
   body { background: #f00}
  </style>
 <![endif]-->
 <!--[if !IE]>--> <link href="not_ie.css" rel="stylesheet" type="text/css"> <!--<![endif]-->

 </head>
 <body>
  <div id="wrapper">
   <div class="margen10"><p>Este es el parrafo n 1</p></div>
   <div class="margen10"><p>Este es el parrafo n 2</p></div>
  </div>
 </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Ejemplos de HACKS para Internet Explorer</title>
	<style>
	* { padding: 0; margin: 0}
	body{
	background : red;
	background : blue; / IE 6, 7 & 8 */
	//padding : 100px; /* IE 7 & 8 */
	}
	div#wrapper {
	width: 80% !important; /* pisa a cualquier otra regla declarada para este selector */
	width: 40%;
	width: 400px;
	margin: 20px auto;
	background: #c00;
	padding: 10px 0;
	overflow: hidden
	}
	.margen10 {
	width: 46%;
	height:50px;
	background: #f60;
	margin: 0 2%;
	float: left
	}
	</style>
	<!--
	lt IE VERSION (less than version, menor version)
	lte IE VERSION (less than or equal to version, version menor o igual)
	IE VERSION (only this version, solo esta version)
	gte IE VERSION (greater than or equal to version, esta version o mayor)
	gt IE VERSION (greater than version, mayor version que esta)
	-->

	<!--[if IE 7]>
	<style>
	body { background: #000}
	</style>
	<![endif]-->
	<!--[if lt IE 7]>
	<style>
	body { background: #f00}
	</style>
	<![endif]-->
	<!--[if lte IE 9]>
	<style>
	body { background: #f00}
	</style>
	<![endif]-->
	<!--[if !IE]>--> <link href="not_ie.css" rel="stylesheet" type="text/css"> <!--<![endif]-->

	</head>
	<body>
	<div id="wrapper">
	<div class="margen10"><p>Este es el parrafo n 1</p></div>
	<div class="margen10"><p>Este es el parrafo n 2</p></div>
	</div>
	</body>
	</html>