distintas css para distintos exploradores

arielcasanova · #1 (**permalink**) 18/07/2008, 14:51

tengo un problema con este sitio:
www.bahiamemata.com.ar/pruebas

se ve bien en firefox; hice una hoja alternativa para ie 7 (se ve bien tambièn, con esas modificaciones) pero se ve mal una parte en ie 6.
quiero realizar una hoja alternativa, pero no hace caso del condicional que pongo en el head.

Actualmente funciona con :

<link href="estilos.css" rel="stylesheet" type="text/css">


y le he intentado agregar



pero no hace caso.

Alguna idea o sugerencia?

dax_noelia · #2 (**permalink**) 18/07/2008, 15:37

Lo que yo haría es poner:

Código HTML:

<!--[if lte IE 6]>
<link rel="stylesheet" href="estilosie6.css" media="all" type="text/css">
<![endif]-->
<!--[if IE 7.0]>
<link rel="stylesheet" href="estilosie.csss" media="all" type="text/css">
<![endif]-->

De esta forma tenés un condicional para todos los IE 6 para abajo, y uno para IE 7 en particular.

Porque de la forma que lo estás haciendo, no ve el segundo condicional porque ya el primero:

Código HTML:

<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="estilosie.css"/>
<![endif]-->

lo abarca (aplica ese estilo para todas las versiones de IE).

plzvman2 · #3 (**permalink**) 19/07/2008, 01:41

Pero entonces para Firefox? Se pone una linea más abajo con la otra hoja y ya está?

Mikmoro · #4 (**permalink**) 19/07/2008, 02:16

No, se pone antes.

Si tú enlazaras dos hojas de estilo con idénticas reglas, se ejecutarían normalmente las que aparecieran después, es decir, las de la segunda línea. De esa manera, el comentario condicional para IE se usa sólo para corregir determinadas reglas de la hoja de estilo.

Así, lo que se hace es poner la hoja de estilo normal para todos los navegadores, y después se enlaza la hoja específica para IE, de manera que IE interpreta todas las reglas de la hoja general y luego las que hayan sido modificadas en su hoja específica.

Mikel.

dax_noelia · #5 (**permalink**) 19/07/2008, 15:20

Tal como te dijo Mikmoro.

Si te fijas, cuando arielcasanova puso:

Código HTML:

<link href="estilos.css" rel="stylesheet" type="text/css">

Esa es la hoja de estilo oficial para todos los navegadores, lo que hace después con los condicionales es arreglar los problemas particulares de IE (de versiones específicas según como se lo especifiques).

Saludos,

arielcasanova · #6 (**permalink**) 21/07/2008, 07:01

Gente, muchas gracias por las respuestas. Haré la experiencia.

arielcasanova · #7 (**permalink**) 21/07/2008, 07:06

Mikmoro · #8 (**permalink**) 21/07/2008, 09:04

Prueba poniendo <!--[if IE 7]> en lugar de <!--[if IE 7.0]>

Mikel.

faiverson · #9 (**permalink**) 21/07/2008, 09:47

Hola, tu problema puede ser que uses multiples IE en tu computadora entonces todos los simbolos de mayor que, etc. no funcan solo te anda: <!--[if IE]>
Tenes que tocar el registor de windows para poder verlo bien.
Te extraigo la fuente original:

Cita:

Si tienes varias versiones de IE instaladas en tu computadora, los comentarios condicionales no funcionarán, ya que checa la versión "oficial" de IE, es decir la que tiene registrado el sistema. Para poder checar tus comentarios condicionales tienes que hacer algunas modificaciones al registro de sistema de tu computadora. Manfred Staudinger tiene un tutorial paso a paso en Position is Everything.

También vale la pena notar que los comentarios condicionales no funcionan para IE en Mac

Como no me deja agregar links te lo escribo asi: positioniseverything.net/articles/multiIE.html

arielcasanova · #10 (**permalink**) 21/07/2008, 13:02

ah!!!! Faiverson, ahí está la cosa! gracias por el dato.
vistaré el enlace.