Foros del Web - Ver Mensaje Individual - Diferenciar en CSS para firefox e IE 7 u 8

canino_latino · #5 (**permalink**) 02/08/2010, 23:25

Hola bueno mira yo he creado un javascript que lo uso en una de mis webs:

Código Javascript:

Ver originalfunction chrome() {
var chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(chrome) {
document.getElementById('estilo').href="css/principalChrome.css";
}
var IE7 = navigator.userAgent.toLowerCase().indexOf('msie 7.0') > -1;
if(IE7) {
document.getElementById('estilo').href="css/principalIE7.css";
}
var IE8 = navigator.userAgent.toLowerCase().indexOf('msie 8.0') > -1;
if(IE8) {
document.getElementById('estilo').href="css/principalIE8.css";
}
}

asi se ve en codigo completo:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
<head>
<title>Tu titulo</title>
<script type="text/javascript">
function chrome() {
var chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(chrome) {
document.getElementById('estilo').href="css/principalChrome.css";
}
var IE7 = navigator.userAgent.toLowerCase().indexOf('msie 7.0') > -1;
if(IE7) {
document.getElementById('estilo').href="css/principalIE7.css";
}
var IE8 = navigator.userAgent.toLowerCase().indexOf('msie 8.0') > -1;
if(IE8) {
document.getElementById('estilo').href="css/principalIE8.css";
}
}
</script>
<script type="text/javascript">chrome();</script>
<link href="css/principal.css" rel="stylesheet" type="text/css" id="estilo"/>
</head>
<body>
</body>
</html>

de esta manera no necesitas condicionales ya que no los hay para todos los navegadores.

NOTA: principal.css es el de firefox ya que no lo idetificamos.

espero te sirva chao.