Muchas gracias por esta ayuda me sirve de mucho, pero ahora tengo un pregunta.
Ya defini un archivo css para IE7 y Mozilla pero como hago para poder asignar una clase a una palabra.
Este es mi caso:
tengo mi carpeta de estilos: css_ie7, css_mozilla.
He definido un archivo css para cada navegador pero en un archivo "detectanavegador.js" que está dentro de una carpeta javascript, y en la cabecera hago el enlace y me funciona bien. <script language="JavaScript" type="text/javascript" src="javascript/detectanavegador.js"></script>.
Me asigna los estilos para cada navegador, pero quiero hacer estilos con clases para ciertos párrafos por ejemplo:
.parrafo{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:justify;
line-height:25px;
} -->este es para el navegador IE7
.parrafo{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:justify;
} --> este es para el navegador Mozilla
Estos estilos son diferentes para cada Navegador, como lo puedo asignar por ejemplo al atributo <p> y que haga la diferencia entre navegadores.
Me pueden ayudar les agradecería mucho
Esta muy bien esta opción, bajo el condicionante de que hay que usar javascript y eso no resulta del todo accesible. En <a href="http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie">este artículo</a> teneis una opción sin el uso del javascript.
Muy bueno el artículo pero pienso que nos puede ser de utilidad para otras cosas (conocer el explorador más usado por los usuarios de nuestra web) que no para cargar estilos diferentes, ya que deberíamos ser capaces de crear una hoja de estilos que cumpla con las normas. Mientras el IE interprete los estilos como quiera nunca podremos visualizar una página de la misma manera en todos los navegadores, pero hay soluciones más elegantes.
07/12/08
Por: charasoverrideGracias por el aporte. Personalmente no me añadir mucho javascript en mi código porque puede ser bloqueado y las cosas dejas de funcionar. Para elegir el css yo utilizo la siguiente directiva:
<pre>
<!--[if lte IE 6]>
<link href="css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
</pre>
06/6/09
Definir un archivo de estilos CSS para cada navegadorPor: Juan Jose ChirinoExcelente codigo, sobre todo cuando hay que maqueta toda una pagina usando menues y apariencia en formularios y demas componentes.
23/7/09
Excelente tutorial!!!Por: sarahi=) muchas gracias de verdad! funciona a la maravillaaaa!
estuve batallando muchissimo para lograr asignar las diferentes css a la pag q estoy haciendo hasta q encontre tu articulo.
Muchas gracias!! =)
20/9/09
BuenisimoPor: daaranmuchas gracias, me ha ido de lujo