Resize iFrame for 100% Height

Today I was asked to create an iFrame to set up a private reporting system. Well when I tried to make it 100% height, it will only go for about 200px and the rest of the screen will be blank. Well here is the solution for that problem:

<!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=utf-8??_ />

<title>Reputation Managers Reporting System</title>

<script type=???text/javascript??? language=???javascript???>

function resize(){

var w = screen.width;

var h = window.innerHeight ??? 25;

var repsystem = document.getElementById(???repsystem???);

repsystem.height= h;

}

</script>

</head>

<body onload=???resize()??? onresize=???resize()???>

<table height=???100%??? width=???100%???>

<tr><td>

<iframe src=???iframe.php??? id=???repsystem??? height=???480px??? style=???width:100%; border: 0px solid #ffffff;???>

<p>Your browser does not support iframes.</p>

</iframe>

</td></tr></table>

</body>

</html>

error

Enjoy this blog? Please spread the word :)