index.html

<iframe id="textPixel1" src="textPixel.html"  frameborder="0" border="0" scrolling="0" onload="iFrameHeightInner(event)"></iframe>
<iframe id="textPixel2" src="textPixel2.html"  frameborder="0" border="0" scrolling="0" onload="iFrameHeightInner(event)"></iframe>

<script type="text/javascript" language="javascript">   
function iFrameHeightInner(event) {   
    //var ifm= document.getElementById("iframepage");   
    
    var ifm=event.srcElement||event.target;
    var subWeb= ifm.contentDocument;
    //if(subWeb == null) {document.write("<p>null subWeb !!!!!!!!!!</p>");}
    //var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;   
    //if( ifm == null){ document.write("<p>iframe null</p>");}
    //else{ document.write("<p>"+ifm+"</p>");}
    if(ifm != null && subWeb != null) {
           //ifm.height = 1024;
           ifm.height = subWeb.body.scrollHeight;
           //ifm.height = subWeb.body.scrollHeight  + subWeb.body.scrollHeight ;
           //ifm.width = subWeb.body.scrollWidth + subWeb.body.scrollWidth;
           //ifm.height = document.body.scrollHeight;
           ifm.width = subWeb.body.scrollWidth;
    } 
    }   
</script>