Webmaster Libre

/***** Hacks con selectores ******/

/* IE 6 y anteriores */
* html #uno  { color: red }

/* IE 7 y anteriores */
*:first-child+html #dos { color: red } 

/* IE 7 y navegadores modernos */
html>body #tres { color: red }

/* Navegadores modernos (IE 7 no) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 y anteriores */
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  }
}

/***** Hacks con Atributos ******/

/* ie6 y anteriores */
#once { _color:blue }

/* ie7 y anteriores */
#doce { *color: blue } /* or #color:blue */

/* 'Navegadores Modernos' incluye IE8, estés o no de acuerdo..   */

9 Respuestas a “Hacks CSS para todos los navegadores”

Agrega tu comentario

1. josepzin dice:

   27 abril 2009 a las 16:55

   Yo sólo suelo utilizar este, sobre todo para la pvtada de los margin-left que duplican el tamaño misteriosamente en IE6:
   /* ie6 y anteriores */
#once { _color:blue }
2. Edu dice:

   28 abril 2009 a las 9:18

   Pues yo hasta ahora habia usado

   /* IE 6 y anteriores */
* html #uno  { color: red }

   para IE 7. Creo que funciona igual…
3. Alma Fernández dice:

   29 abril 2009 a las 17:06

   josezpin, yo eso lo suelo solventar reseteando elementos al principio de la css y luego con cuidado y paciencia

   edu, no estoy muy puesta en los hacks, como digo soy más amiga de resetear globalmente (o casi) y construir con cuidado. En las ocasiones en que algo se ha torcido mucho en IE he tirado de comentario condicional  y hoja de estilo específica así que no sé si funciona sólo para ie6 o no (habrá que probar).
4. josepzin dice:

   29 abril 2009 a las 17:37

   No sabía que reseteando los elementos ese problema DEBERIA solucionarse… yo siempre aplico un reset, seguro que algo se me escapa.

   De todos modos, con IE6 no me complico más la vida, en el último momento hecho una mirada a ver como se ve, si hay alguna guarrada de margenes duplicados le meto el “_” en donde hace falta y chau, IE6 está muerto y no pierdo más tiempo en correcciones.

   Es más, siguiendo a aNieto, he puesto ese aviso de “Actualice su navegador, ¡vurro!”
5. martin dice:

   30 abril 2009 a las 5:39

   Lo probaré, de cualquier forma prefiero sugerir tambien que actualicen el navegador!
6. miMovilandia dice:

   8 mayo 2009 a las 11:07

   Opino como @josepzin,

   Hace unos días decidí dar por muerto al IE 6, es que me tiene ya hasta los @#&%#@

   En fin, si no es algo muy grave lo dejo estar…

   Saludos!
7. josepzin dice:

   8 mayo 2009 a las 11:16

   Ha, me olvidé de decir que a veces uso algún framework CSS (Blueprint por ejemplo), con eso es seguro que el esqueleto general de la web se ve bien en EI6, pero al final, cuando ya he creando los detalles internos de la web, casi nunca se ve perfecto… ¡y paso! Ahí se queda la version “ramplona” para IE6
8. juan dice:

   27 mayo 2011 a las 5:52

   esta bueno el post, aki tambien encontre otros hacks que complementarian bien un buen diseño CSS para todos aquellos que no saben mucho de css http://tinyurl.com/4yf3ohm

Trackbacks/Pingbacks

1. Enlaces de la semana (III) | Mareos de un geek dice:

   4 mayo 2009 a las 0:50

   [...] Hacks CSS para todos los navegadores. [...]

Feed RSS de los comentarios de este post.