Ver Mensaje Individual
  #14 (permalink)  
Antiguo 08/03/2011, 14:00
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Respuesta: Hack para navegadores y reglas distintas!!

cristian_cena, currada la que te diste.
Como parece que la duda del usuario está solventada, aprovecho y te propongo otra forma. Creo que el autor es Paul Irish, y con ella se evitan el usar propiedades no estandar y el tener que tener (y mantener) varias hojas de estilos (tantas como versiones de ie cubramos más la general).

En el html:
Código HTML:
Ver original
  1. <!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
  2. <!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
  3. <!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
  4. <!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
  5. <!--[if noIE]>--> <body> <!--<![endif]-->
Tan sencillo como utilizar comentarios condicionales para aplicar una clase determinada para cada versión de ie, y la última línea es un anticomentario o no-comentario para los demás navegadores.

Y a partir de ahí, en la hoja de estilos "única" ya podemos discriminar lo que queramos según el navegador:
Código CSS:
Ver original
  1. .ie6 .sidebar {/*propiedades particulares para ie6 en formato estándar*/ }
  2. .ie7 .sidebar {/*idem ie7*/}
  3. .ie8 .sidebar {/*idem ie8*/}
  4. .ie9 .sidebar {/*idem ie9*/}
  5. .sidebar {/*idem resto navegadores*/}

P.D.: en el original está aplicado al html con doctype html5, así queda libre el body para aplicar otras clases (especialmente útil en algún el cms).