Foros del Web » Creando para Internet » CSS »

distintas css para distintos exploradores

Estas en el tema de distintas css para distintos exploradores en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 18/07/2008, 15:51
Avatar de arielcasanova  
Fecha de Ingreso: octubre-2004
Ubicación: Bahía Blanca - Argentina
Mensajes: 332
Antigüedad: 13 años, 1 mes
Puntos: 1
distintas css para distintos exploradores

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


y le he intentado agregar

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

pero no hace caso.

Alguna idea o sugerencia?
__________________
Ariel Casanova
diseño y desarrollo web estratégico
www.emporia.com.ar
  #2 (permalink)  
Antiguo 18/07/2008, 16:37
 
Fecha de Ingreso: febrero-2008
Mensajes: 75
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: distintas css para distintos exploradores

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).

  #3 (permalink)  
Antiguo 19/07/2008, 02:41
 
Fecha de Ingreso: julio-2006
Mensajes: 11
Antigüedad: 11 años, 4 meses
Puntos: 0
Respuesta: distintas css para distintos exploradores

Pero entonces para Firefox? Se pone una linea más abajo con la otra hoja y ya está?
  #4 (permalink)  
Antiguo 19/07/2008, 03:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: distintas css para distintos exploradores

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.
  #5 (permalink)  
Antiguo 19/07/2008, 16:20
 
Fecha de Ingreso: febrero-2008
Mensajes: 75
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: distintas css para distintos exploradores

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,
  #6 (permalink)  
Antiguo 21/07/2008, 08:01
Avatar de arielcasanova  
Fecha de Ingreso: octubre-2004
Ubicación: Bahía Blanca - Argentina
Mensajes: 332
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: distintas css para distintos exploradores

Gente, muchas gracias por las respuestas. Haré la experiencia.
__________________
Ariel Casanova
diseño y desarrollo web estratégico
www.emporia.com.ar
  #7 (permalink)  
Antiguo 21/07/2008, 08:06
Avatar de arielcasanova  
Fecha de Ingreso: octubre-2004
Ubicación: Bahía Blanca - Argentina
Mensajes: 332
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: distintas css para distintos exploradores

<link href="estilos.css" rel="stylesheet" type="text/css">
<!--[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]-->


puse un margen grotesco de 500 px en el estilosie6.css para ver enseguida el cambio, pero nada sucede. ¿Alguna otra sugerencia?
__________________
Ariel Casanova
diseño y desarrollo web estratégico
www.emporia.com.ar
  #8 (permalink)  
Antiguo 21/07/2008, 10:04
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: distintas css para distintos exploradores

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

Mikel.
  #9 (permalink)  
Antiguo 21/07/2008, 10:47
Avatar de faiverson  
Fecha de Ingreso: mayo-2005
Mensajes: 79
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: distintas css para distintos exploradores

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
__________________
Fabi... fighting versus the web
  #10 (permalink)  
Antiguo 21/07/2008, 14:02
Avatar de arielcasanova  
Fecha de Ingreso: octubre-2004
Ubicación: Bahía Blanca - Argentina
Mensajes: 332
Antigüedad: 13 años, 1 mes
Puntos: 1
Respuesta: distintas css para distintos exploradores

ah!!!! Faiverson, ahí está la cosa! gracias por el dato.
vistaré el enlace.
__________________
Ariel Casanova
diseño y desarrollo web estratégico
www.emporia.com.ar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:10.