myPage.html

<iframe id="letter 3d" src="letter3d.html"  frameborder="0" border="0" scrolling="0" onload="iFrameHeightInner(event)"></iframe>
<iframe id="letter twinkling" src="twinklingFont.html"  frameborder="0" border="0" onload="iFrameHeightInner(event)" scrolling="0"></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  + subWeb.body.scrollHeight ;
           //ifm.width = subWeb.body.scrollWidth + subWeb.body.scrollWidth;
           //ifm.height = document.body.scrollHeight;
           ifm.width = window.screen.width - 100;
    } 
    }   
</script>



<br><a href="textPixelTotal.html" target="window.parent"> テクスト　ピクセル </a><br>
<br><a href="textShadow.html" target="window.parent"> テクスト シャドウ </a><br>
<a href="milky.html"> ミルク  </a>