CODE
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<tr valign="top">
<td class="left_main" width="170" align="middle" scope="col">
<iframe src="leftmain_frame.php" frameborder="0" scrolling="no" name="leftmain_iframe" id="leftmain_iframe" marginwidth="0" marginheight="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none">
</iframe>
</td>
<td class="right_main" align="left" scope="col">
<iframe src="rightmain_frame.php" frameborder="0" scrolling="auto" name="rightmain_iframe" id="rightmain_iframe" marginwidth="0" marginheight="0" vspace="0" hspace="0" style="overflow:visible; width:100%; display:none">
</iframe>
</td>
</tr>
</table>
If the content of leftmain_frame.php & rightmain_frame.php are static, my webpage can resize based on the length of the content. It is achieved through a javascript window.onload(resize_frame) funciton.
However, my problem is:
rightmain_frame.php page contain a table which user can dynamic add/delete row to the table. So this page content length is dynamic. Does somebody know how to make this iframe dynamically resize on its parent page???
Please let me know if I didn't make myself clear. Thanks for your time. I'm really frustrated.