Ver Mensaje Individual
  #3 (permalink)  
Antiguo 22/04/2008, 17:08
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes
Puntos: 280
Re: Problemas con los selectores condicionales

Cita:
Iniciado por nedrek Ver Mensaje
Como "nivel inicial":

Primero siempre los de IE, que serán los "generales".
Después los restantes.

Si lo haces como anteriormente, vas a tener que ser muy específico en cada una de las reglas, si lo haces de esta otra manera, crea la hoja completa para IE, y después haz los ajustes que quieras para los demás browsers.

Código HTML:
<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="estilos/estilosie.css"/>
<![endif]-->

<link rel="stylesheet" type="text/css" href="estilos/estilos.css"/> 
Así debería funcionarte sin problemas.
Ten en cuenta la prioridad de la hojas; siempre prevalece la regla de la hoja que se lea después, a no ser que digas lo contrario con algunos de los métodos para ello.

Si lo hicieras así, pasaría lo siguiente:

- en la hoja de IE pongo por ejemplo body {margin: 10px;}
- y en la hoja genérica pongo body {margin: 20px;}

¿Qué leerá IE? 20px. ¿Por qué? porque primero leerá 10 y luego 20, y se quedará con la última lectura que haya hecho.

Por eso hay que ponerlas justamente al revés:

Cita:
<link rel="stylesheet" type="text/css" href="estilos/estilos.css"/>
<!--[if IE]><link rel="stylesheet" type="text/css" href="estilos/estilosie.css"/>
<![endif]-->
es decir, tal y como estaban, ya que en ese caso IE leerá primero 20px de la hoja genérica, que luego contradice con su propia hoja que dice 10px. Así que leerá 10px. No sé si me explico bien.

pipeio: hay que tener en cuenta que cada regla que quieras diferente para IE y ya esté en la hoja general la tienes que contradecir a la fuerza, no basta con no ponerla, porque IE leerá las dos hojas. Si quieres un margen de 0px y en la general pone 10px, no bastará con que no pongas nada, sino que has de poner 0px a la fuerza para contradecir la regla que ya ha leido.

¿Qué te está pasando en tu caso? Ni idea. Pon los dos códigos css a ver si hay alguna cosa rara.

Mikel.