简's Blog

<iframe name="iFrame" width="100%" onload="this.height=iFrame.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>

关键就是那句onload

思路：

1   先把页面分为三个竖排框架，左、中、右，并根据需要设置中间框架的宽度，即可得到中间框架居中的一个页面。

2   左、右框架舍弃不用，把边框、滚动条都设置为不显示，底色根据你的需要设置，使之在视觉上隐藏。

     这样就大功告成了。

3   根据需要，对中间框架进行调整使用即可。

例：中间分为 top,left main bottom四个子框架

<frameset cols="*,906,*" frameborder="0" scrolling="no">

<!--左侧框架(不使用)-->
<frame src="空白页" noresize></frame>

<!--中间居中的框架,中间自己要用的框架,可按需求在对此框架进行处理-->
<frameset rows="102,*,30" scrolling="no" frameborder="0">
<frame src="top.aspx"   scrolling="no" noresize></frame>
<frameset cols="210,*" frameborder="0">
<frame src="leftMenu.aspx"   scrolling="no" noresize name="leftMenu"></frame>
<frame src="main.aspx"   scrolling="no" name="main" noresize></frame>
</frameset>
<frame src="bottom.aspx" scrolling="no" noresize></frame>
</frameset>

<!--右面框架(不使用)-->
<frame src=空白页" scrolling="no" noresize></frame>
</frameset>

做了一段时间网页之后，总结出让框架居中，最好不要用iframe.因为IE7.0以上的版本不支持这个，很容易界面乱成一团。