Estoy en firefox y no consigo que me funcione la parte que le pone el height, ni de una manera ni de otra. Mira te dejo todo igual que yo tengo puesto para el ejemplo y asi a ver si vemos el error:
Código:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
.div_general {
height:100px;
border: 3px solid #FF0000
}
</style>
<script language="javascript" type="text/javascript">
function tmenu()
{
var theRules = new Array();
// Según el navegador
if (document.styleSheets[0].cssRules) theRules=document.styleSheets[0].cssRules;
else if (document.styleSheets[0].rules) theRules=document.styleSheets[0].rules;
var h=window.screen.height;
//var tRules=theRules.length;
//alert("numero de css: "+tRules);
// X representa el número de la regla (o la posición) correspondiente en tu .css para el DIV, en este ejemplo a la classe "div_general". Empiezan desde 0.
if(h==1024) document.getElementById('div_id').style.height= 500// theRules[0].style.height = 1024;
else if(h==960) //theRules[0].style.height = 960;
else //theRules[0].style.height = 250;
//document.getElementById('div_id').style.height= "loquesea";
}
</script>
</head>
<body onload="tmenu()">
<div id="div_id" class="div_general">Div</div>
</body>
</html>