Ver Mensaje Individual
  #5 (permalink)  
Antiguo 18/03/2012, 17:41
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Vincular hojas de estilo a distintos navegadores

Agrego observaciones
Si vas a usar condicionales de IE para redefinir reglas que ya existen para los css comunes a los demas browsers, los links a los css para IE deben de ser los ultimos en cargarse.

Ejemplo:
Supongamos tenés una capa con clase "notas", <div class="notas"></div> y necesitas una pequeña corrección en el margen para IE (sin importar la versión)

css.normal
.notas{
margin-left: 5px;
}

css.ie
.notas{
margin-left: 10px;
}

si pones

Código HTML:
Ver original
  1. <!--[if IE]>
  2. <link rel="stylesheet" type="text/css" href="ie.css" media="screen" />
  3. <![endif]-->
  4. <link rel="stylesheet" type="text/css" href="normal.css" media="screen" />

lo definido en normal.css va a anular lo que se intenta modificar con ie.css (es obvio que IE tambien va a leer y ejecutar normal.css
lo correcto sería
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" href="normal.css" media="screen" />
  2. <!--[if IE]>
  3. <link rel="stylesheet" type="text/css" href="ie.css" media="screen" />
  4. <![endif]-->

Yo en particular, y si usas php, me manejo con esto, pudiendo cargar contenidos muy especificamente para cualquier navegador y versión
http://foros.emprear.com/deteccion-browser

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.