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>
