Pregunta

¿Qué hacks CSS usar para Internet Explorer?

Responder esta pregunta por dudin el 2009-04-29

Se me hace difícil ajustar el diseño de una página mediante CSS para que se vea correctamente en los navegadores más usados; en Mozilla Firefox no tengo grandes problemas mientras que en IE6 y IE7 tengo algunas diferencias. Todo parece indicar que tendré que usar algunos hacks CSS.

[reportar pregunta]

Respuestas

Una colección hecha por Paul Irish:

 
***** Selectores Hacks ******/
 
/* IE 6 and below */
* html #uno  { color: red }
 
/* IE 7  e inferior*/
*:first-child+html #dos { color: red } 
 
/* IE 7 y navegadores  modernos */
html>body #tres { color: red }
 
/* Navegadores modernos  (no IE 7) */
html>/**/body #cuatro { color: red }
 
/* Opera 9.27  e inferior*/
html:first-child #cinco { color: red }
 
/* Safari */
html[xmlns*=""] body:last-child #seis { color: red }
 
/*safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }
 
/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho {  color: red }
 
/* saf3, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #diez  { background: #FFDECE; border: 2px solid #ff0000  }
}
 
/***** Attribute Hacks ******/
 
/* ie6 e inferior*/
#once { _color:blue }
 
/* ie7 e inferior */
#doce { *color: blue } /* or #color:blue */
 
/* Entre los 'navegadores modernos' se incluyen IE8*/