css segun navegador

chusete · #1 (**permalink**) 23/03/2005, 08:45

tengo 2 hojas de estilos diferentes, como hago para que me lea una hoja de estilos u otra dependiendo del navegador que use?

chusete · #2 (**permalink**) 28/03/2005, 04:13

aun no he obtenido respuesta, y no se si es que no se puede hacer lo que pregunto

JavierB · #3 (**permalink**) 28/03/2005, 04:38

Hola chusete

A ver si esta idea te sirve:

Código:

<head>
if(document.all) //navegador IE
  document.write('<link rel="stylesheet" href="explorer.css" type="text/css">');
else
  document.write('<link...
</head>

Es solo un ejemplo, pero espero que te sirva. Saludos,

KarlanKas · #4 (**permalink**) 28/03/2005, 05:23

JavierB, no te enfades!

Propongo una alternativa. Siempre en el intento de minimizar el código. Sé que ahora vendrá caricatos proponiendo una solución mucho más pequeña, pero... yo propongo la mía basándome en la tuya:

Código:

<script>

hojaDeIe="explorer.css";
hojaDelResto="firefox.css";

document.write('<link rel="stylesheet" href="');
document.write((document.all)?hojaDeIe:hojaDelResto);//quitar los espacios para que sea hojaDelResto
document.write('" type="text/css" />');

</script>

Ten cuidado porque la o de hojadelresto se va... tienes que quitar los espacios
Un saludo!

JavierB · #5 (**permalink**) 28/03/2005, 06:21

KarlanKas, yo nunca me enfado ¡Maldita sea!

Antes de que venga por aquí caricatos voy a proponer otra solución:

Código:

<link rel="stylesheet" href="otros.css" type="text" id="hoja" />
<script tyle="text/javascript">
if (document.all)
  document.getElementById('hoja').href = 'explorer.css';
</script>

Saludos,

xknown · #6 (**permalink**) 28/03/2005, 06:32

Si es para reconocer IE puedes usar los comentarios condicionales de éste:

Código:

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

http://www.disenorama.com/tutoriales...ionales_pa.htm

KarlanKas · #7 (**permalink**) 28/03/2005, 06:33

Muy buena solución!

más corto!