iFrame autojaustable

<script type="text/javascript">

function getDocHeight(doc) {
    doc = doc || document;
    // from http://stackoverflow.com/questions/1145850/get-height-of-entire-document-with-javascript
    var body = doc.body, html = doc.documentElement;
    var height = Math.max( body.scrollHeight, body.offsetHeight,
        html.clientHeight, html.scrollHeight, html.offsetHeight );
    return height;
}

function setIframeHeight(id) {
    var ifrm = document.getElementById(id);
    var doc = ifrm.contentDocument? ifrm.contentDocument: ifrm.contentWindow.document;
    ifrm.style.visibility = 'hidden';
    ifrm.style.height = "10px"; // reset to minimal height in case going from longer to shorter doc
    ifrm.style.height = getDocHeight( doc ) + "px";
    ifrm.style.visibility = 'visible';
}
</script>

<!--------------------------------------------------------------------------- LADO DERECHO -------------------------------------------------------------->
<div name="LADODERECHO" style="float:left; width:74%; height:auto;">
  <div name="webDiv">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="50" width="50" style="background:url(graficos/esquina1-1.png); background-repeat:no-repeat;"></td>
    <td height="50" style="background:url(graficos/patron_superior.png); background-repeat:repeat-x;">
    <td height="50" width="50" style="background:url(graficos/esquina2-1.png); background-repeat:no-repeat;">
  </tr>
  <tr>
    <td width="50" style="background:url(graficos/patron_bode_izquierdo.png); background-repeat:repeat-y;">&nbsp;</td>
    <td style="background:url(graficos/fondo_menu_opciones2.png); background-repeat:repeat;">
   <iframe width=100% height="1000px" id="ifrm" name="ifrm" src="height1.html" onload="setIframeHeight(this.id)">Sorry, your browser doesn't support iframes.</iframe>

      </td>
    <td width="50" style="background:url(graficos/patron_bode_derecho.png); background-repeat:repeat-y;"></td>
  </tr>
  <tr>
    <td height="50" width="50" style="background:url(graficos/esquina1-2.png); background-repeat:no-repeat;"></td>
    <td style="background:url(graficos/patron_inferior.png); background-repeat:repeat-x;"></td>
    <td height="50" width="50" style="background:url(graficos/esquina2-2.png); background-repeat:no-repeat;"></td>
  </tr>
</table>

</div>
</div> <!--LADO DERECHO -->