<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="en">
<head>
<style>
html, body {
height: 100%;
}
#div1 {
height: 100%;
width: 100%;
border: 1px solid;
}
#div2 {
border: 1px solid red;
height: 100%;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2"></div>
</div>
<script language="JavaScript">
element = document.getElementById( "div2" );
alert(element.offsetHeight);// Отображает высоту
alert(element.offsetWidth);// Отображает ширину
</script>
</body>
</html>
в стилях укажите тегу "html" и "body" - height: 100%;
html, body {
height: 100%;
}