Cargar un estilo para IE y otro para demas

erxaca · #1 (**permalink**) 21/06/2010, 16:52

Hoola, que code he de usar para cargar un css si es IE (cualquier version) u otro para otro navegador?

Saludos

kalvinman · #2 (**permalink**) 21/06/2010, 17:02

Yo estoy haciendo algo que no se que tan correcto sea pero me funciona.

.estilo {
border:1px solid; //todos los navegadores
.border:1em dotted; //solo IE
}

No debe ser lo correcto pero a mi me funciona. xD

gVenom · #3 (**permalink**) 21/06/2010, 17:13

Para usar una hoja de estilo según el browser:

Código HTML:

<head>
	<title>Título</title>
<link href="all_browsers.css" rel="stylesheet" type="text/css">
<!--[if IE]> <link href="ie_any_version.css" rel="stylesheet" type="text/css"> <![endif]-->

Código HTML:

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

Si queremos detectar IE6

Código HTML:

<!--[if IE 6]>
 <link href="css/div-ie6.css" rel="stylesheet" type="text/css"> <![endif]-->

detectamos si el navegador es menor a IE7

Código HTML:

<!--[if lt IE 7]>
<![endif]-->

erxaca · #4 (**permalink**) 21/06/2010, 17:38

Gracias a los dos ;)

gVenom he usado este escript que he confecionado de alli y de aqui y funciona:

Código HTML:

<script type="text/javascript">
function esOpera() {
  return (navigator.userAgent.toLowerCase().indexOf("opera" ) >= 0);
}
if (document.all && !esOpera() ) {
  document.write('<link rel="stylesheet" href="ie.css" type="text/css" media="screen" />');}
else {
  document.write('<link rel="stylesheet" href="comun.css" type="text/css" media="screen" />');}
</script>

la funcion esOpera es necesaria porque tambien reconoce document.all al igual que IE

Cita:

El JS entre comentarios es valido para todas las versiones de IE? pensaba que lo leia IE6

gVenom · #5 (**permalink**) 22/06/2010, 10:34

Cita:

El JS entre comentarios es valido para todas las versiones de IE? pensaba que lo leia IE6

Pues de hecho el IE6 es el que aun esta full de bugs, los demas joden pero no tanto y no son los mismos bug para todos los IE, por eso no recomiendo usar el mismo CSS que usas para IE6 en los demás IE. Lo mejor seria usar un script que actualice el browser "dinamicamente" si se puede decir asi.