让iframe的高度height也可以设置百分比数值
2009-03-03 17:44
295 查看
如果直接设置iframe这个标签的高度为百分数值,在ie6上有效果,但在ff上就不行。
为了实现在ie和ff上效果一样。可以这样来实现:
代码:
<table height="100%" width="100%">
<tr>
<td height="100%">
<iframe style="width:100%" name="content" height="100%" >
</iframe>
</td>
</tr>
</table>
只要将iframe放到表格的单元格里,就可以设置单元格的高度百分比和iframe的高度百分比去实现你的需求。
还要加入html,body{height:100%}
为了实现在ie和ff上效果一样。可以这样来实现:
代码:
<table height="100%" width="100%">
<tr>
<td height="100%">
<iframe style="width:100%" name="content" height="100%" >
</iframe>
</td>
</tr>
</table>
只要将iframe放到表格的单元格里,就可以设置单元格的高度百分比和iframe的高度百分比去实现你的需求。
还要加入html,body{height:100%}
相关文章推荐
- 容器的高度height使用百分比时,如何设置可以使里面的文字垂直居中。
- 要想在ie6,ie7和ff中都可以自适应高度,正确的做法是设置min-height和用cssHack设置height
- 让Iframe自动适应高度,可以设置最小高度
- line-height 百分比和数值设置行高
- 自定义加载进度圆环(可以设置加载百分比的那种)
- 兼容模式下IFRAME_height=100%无效时CSS设置
- 有没有什么方法可以让IFRAME的高度随着里面的内容增加而自动增高
- height百分比以及高度自适应问题
- ie低版本情况下不能正确的设置iframe高度
- 设置当前页面中的一个IFrame的自适应高度
- 设置c#中listbox的每项itemheight的高度
- 如何设置iframe高度自适应在跨域情况下的可用方法
- IFRAME的内容增高或缩减时设置其IFRAME的高度的处理方案
- 动态设置iframe的高度(同域情况)兼容多种浏览器
- 通过设置文本的行高与外部容器的高度一致,可以使文本垂直居中
- JavaScript设置IFrame高度自适应(兼容多浏览器)
- Div设置高度为百分比時讓屏幕充滿
- 文字在div中垂直居中的方法,设置div的高度height和行高line-height一致
- 关于height无法设置百分比的问题
- iframe高度自适应的设置