Hi, im trying to set the height of two divs on my page, because my page content is dynamic. But it wont work. The height is just one screen of the divs.
The divs contain side borders, thats why it has to be all the way. Any ideas why the height only = one screen height?
function bodyHeight() {
var scnHei;
if (self.innerHeight) // all except Explorer
{
scnHei = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
// Explorer 6 Strict Mode
{
scnHei = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
scnHei = document.body.clientHeight;
}
document.getElementById("bgr_right").style.height=scnHei + "px";
document.getElementById("bgr_left").style.height=scnHei + "px";
}
Here is where I call the function:
<body onload="bodyHeight();">
UPDATE: + added "px"; but DOESNT WORK EITHER...