设置frameset高度

设置frameset的高度

目前做了一个项目,界面如下:

这是使用frameset做的,在宽屏下开发一直没有发现什么问题,直到一个用户使用800*600的机子测试的时候,才发现整个界面都被变形了。

那时整个frameset页面只有600像素高度,frameset嵌套的frame出现了滚动条,实在难看。怎么把frameset的高度设置高点,让其嵌套的frame页面没有滚动条,而让frameset有滚动条呢?

frameset的高度是设置不了的,比如:<frameset rows="110,*" style="height: 1900px;">。这时的页面还是屏幕的高度,并不是1900px;设置frameset的body的高度也无效。怎么办呢?我baidu了好多天,都没找到答案,这个问题就一直搁置着。也想到叫美工用DIV+CSS替换了frameset,但怕牵涉的内容太多,换的工作量也许很大,只好作罢。

灵感这东西真是怪,要来不来,来了挡也挡不住。就在这个问题放了一个来月后,今天它突然来了,来的时候还带着iframe。当我把frameset嵌套其中,并设置iframse页面的高度,效果果然出来了。现把解决方案与遇到相同问题而解决不了的同仁分享。

1、frameset页面(inner.html)

<html>

<frameset rows="110,*" frameborder="no" border="0" framespacing="-4px">

<frame src="header.jsp" name="topFrame" scrolling="no"     noresize="noresize"  />

<frameset  cols="170,12,*" framespacing="0" frameborder="no"   border="0"   id="mainFrameset">

<frame src="left.jsp" name="leftFrame"scrolling="auto" noresize="noresize" id="leftFrame"/>

<frame src="narrow.jsp" scrolling="no" noresize="noresize"/>

<frame src="" name="mainFrame" noresize="noresize" />

</frameset>

</frameset>

<noframes>

</noframes>

</html>

2、iframe页面(outer.html) 关键是设置这个页面的高度,想要多高就设置多高,随你。这时里面包含的frameset也会是这个高度。

<body style="margin: 0px;height: 580px;width:960px;">

<iframe src="inner.html"

style="height:100%;width:100%;border-width: 0px;">

</iframe>

</body>

这个解决方案,不错,找了很长时间才发现,在此记录一下。

转自http://blog.sina.com.cn/s/blog_5016113a0100m34e.html

时间: 2024-12-14 08:43:39

设置frameset高度的相关文章

动态设置iframe高度

<%//动态设置iframe高度 %><script language="javascript" type="text/javascript">      function SetWinHeight(obj) {                              var win = obj;        if (document.getElementByIdx_x) {            if (win && !

AlertDialog设置自定义高度

AlertDialog 在开发中,AlertDialog是十分不错的类,它提供给我们一个通用对话框,我们只需要简单的设置一些东西就可以实现了一个具有简单功能的对话框了,包括按钮,或者是列表等等,但是我们可以注意到一个问题,那就是对话框的大小,它是自适应的,如果内容太大,我们的显示就出现了问题,比如下面的情况: 可以看到,这个内容已经占了很大的空间,看起来不是很美观,所以我们想设置它的自定义大小,比如说就是占屏幕的1/2,这样就可以看起来不错,但是该怎么做的? 自定义高度 源码: String i

自动设置iframe高度和禁止backspace后退js

function iFrameHeight(iframeId) {        var ifm = document.getElementById(iframeId);        var subWeb = document.frames ? document.frames[iframeId].document                : ifm.contentDocument;        if (ifm != null && subWeb != null) {      

textarea高度自适应(可设置最大高度)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

【Flex】子元素设置百分比高度生效的解决方法

一.问题描述: 当使用Flex布局时,子元素设置百分比高度后,如下图没有效果: 二.解决方法: 父元素必须设置高度,效果如下图: 三.完整代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi

关于HTML前端设置自适应高度的DIV问题

如果要设置DIV自适应高度,我们可以采用height:auto;这个属性:不过这个属性IE6又不支持了.是不是很头痛?其实解决这个问题不难,而且方法也不少,这里推荐一种:(假设我们需要控制的这个DIV最小高度是100px,超过时就让里面的信息自动撑开): .div{ height:auto!important; height:100px; min-height:100px; } 注释:因为!important在IE7和Firefox都可以读到,而且权重高于后面的height:100px:所以当在

如何在Safari中设置select高度

在Safari浏览器中如果想对select控件进行高度设置,最常用的方法是下面几个: -webkit-appearance: menulist-button; -webkit-appearance: none; 从行为上看这是Safari的一个bug,但是如果从设计思想出发的话,这个也许并不算是bug.控件是由引擎来实现行为和逻辑,再由主题API来进行绘制完成(mac上的主题是Aqua).外观样式通过-webkit-appearance进行控制,如果不需要默认的外观,只需要将-webkit-ap

Android EditText控件即设置最小高度又运行高度随内容增加而变化

(转)http://www.aichengxu.com/view/1405748   记录学习用 如题,有时候EditText需要一个最小的高度,但是在输入更多内容时,要随着内容的增加而变化高度,一般都是增加.这时我们可以利用EditText的minLines属性. 即最小行数,只要我们指定了minLines属性,同时将layout_height 设置为wrap_content ,即可实现我们的目的. <EditText android:id="@id/shareadd_content&q

BPM实例分享:如何设置开窗高度与宽度?

版本: V9.2.7 问题描述: DropDown的开窗查询中高度与宽度设置无效 解决方案: 修改MvcSheetAll,具体修改文件位置在: /Portal/WFRes/_Scripts/MVCSheet/Controls/SheetTextBox.js 修改内容如下图: 备注: H3中所有项目文件属性都默认为只读,打开长文本MvcSheetAll.js 时需更改后才能文本编辑格式化,至于压缩问题,需代码格式化.