Javascript that works in IE but not Firefox

[mpeets]

Anybody know why the following works in IE but not in Firefox? All it does is fix everything above it as a header and let everything below it scroll.

<style>
DIV.documentBody
{
Height: 0px ;
Width: 100% ;
overflow: auto ;
}
</style>
<div id="Body" class="documentBody">
<script language='JavaScript' type='text/javascript'>
var bodyElement = document.body.all['Body'];
function LayoutBodyElement() {
bodyElement.style.posHeight = document.body.offsetHeight- bodyElement.offsetTop;
}
function document.onreadystatechange() {
document.body.scroll = "no";
LayoutBodyElement( );
window.onresize = LayoutBodyElement;
}
</script>

[mrhoo]

If you want to work beyond IE you ought to run the firefox or opera browser on your code and check the debugging console. Here are some problems that need a common language to make sense to other browsers:

1. var bodyElement = document.body.all['Body'];
//document.body.all is not defined.

2. bodyElement.style.posHeight
// posHeight is undefined, use 'height' and set a string with 'px' units

3. bodyElement.offsetTop
// bodyElement is an undefined variable- do you want document.getElementById?

4. function document.onreadystatechange()
// the dot in the declaration causes an error
(in IE there is no error, but document.onreadystatechange remains undefined.
Perhaps document.onreadystatechange=function()