Foros del Web » Creando para Internet » CSS »

Vincular hojas de estilo a distintos navegadores

Estas en el tema de Vincular hojas de estilo a distintos navegadores en el foro de CSS en Foros del Web. Hola una pequeña duda, se me pide que vincule hojas de estilo a IE(no importa la version) y otras para distintos navegadores, para que cuando ...
  #1 (permalink)  
Antiguo 18/03/2012, 08:16
 
Fecha de Ingreso: agosto-2009
Mensajes: 30
Antigüedad: 14 años, 7 meses
Puntos: 1
Vincular hojas de estilo a distintos navegadores

Hola una pequeña duda, se me pide que vincule hojas de estilo a IE(no importa la version) y otras para distintos navegadores, para que cuando se habra la wed, dependiendo del navegador, sepan cual es para uno y otro, he ignoren las otras hojas, se que se recomienda no vincular muchas hojas de estilo a una web, si no que se hagan ls estilos de forma uniforme, para representar los estilos lo mejor posible, aun asi deseo aclara esto, gracias
  #2 (permalink)  
Antiguo 18/03/2012, 15:00
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 3 meses
Puntos: 306
Respuesta: Vincular hojas de estilo a distintos navegadores

Para hacer eso debes detectar que navegador se está usando.
Lo debes hacer con php, asp, javascript, etc.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 18/03/2012, 15:36
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Vincular hojas de estilo a distintos navegadores

Voy a discrepar de C2am, o mejor dicho, matizar.

Para cargar cualquier elemento para los IE use los comentarios condicionales (cc).
Puede discernir entre versiones, o grupos de versiones (mayor que, menor que...).
Para todos los no IE no existen cc, pero sí se pueden pervertir para que los ie no procesen lo contenido en ellos y el resto de navegadores sí:
Más info

Pero si le han pedido que discrimine por cada uno de los no-IE individualmente ahí remítase a la respuesta de C2am.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 18/03/2012, 16:27
 
Fecha de Ingreso: agosto-2009
Mensajes: 30
Antigüedad: 14 años, 7 meses
Puntos: 1
Respuesta: Vincular hojas de estilo a distintos navegadores

gracias a los dos, muchas gracias
  #5 (permalink)  
Antiguo 18/03/2012, 17:41
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 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.

Etiquetas: distintos, estilo, hojas, navegadores, vincular
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 13:34.