设置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

设置frameset高度的更多相关文章

  1. css设置select高度（IE，FF,Chrome）[转]

    大家都知道select是无法设置高度和边框颜色等等的在ie67下面,其他的都是可以的,所以有时候为了在所有的浏览器下显示都一致,就使用了 js的模拟,这个是大家经常碰到的,js不光要模拟外观还有模拟事 ...

  2. [Android Pro] listView和GridView的item设置的高度和宽度不起作用

    referece to : http://blog.csdn.net/beibeixiao/article/details/9032569 1.     在Android开发中会发现,有时listVi ...

  3. jquery获取和设置元素高度宽度

    jquery获取和设置元素高度宽度 1.height()/ width() 取得第一个匹配元素当前计算的高度/宽度值(px) height(val)/ width(val) 为每个匹配的元素设置CSS ...

  4. Android PopupWindow 弹窗背景半透明，设置最大高度

    首先讲一个网上的方法: popupwindow弹出后,屏幕背景变成半透明这个效果很普通.实现的方法也很多.我使用的可能是最简单的一种,就是设置一下getWindows的透明度. /** * 设置添加屏 ...

  5. 外部div自适应内部标签的高度，设置最小高度、最大高度

    一.div自适应高度:在前端开发中经常需要让外层的div自动适应内部标签和内容的高度,内部标签可能是<div>.<ul>.<ol>或者文字等各种内容.造成外层的di ...

  6. ## GridView 布局：item设置的高度和宽度不起作用、自动适配列数、添加Header和Footer ##

    一.item设置的高度和宽度不起作用 转自:http://www.cnblogs.com/0616--ataozhijia/p/6031875.html [Android Pro] listView和 ...

  7. alertdialog 设置最大高度

    设置最大高度,有很多方法,我个人比较喜欢的是下面这种方式 ,这里的view即添加到 view.addOnLayoutChangeListener(new View.OnLayoutChangeList ...

  8. uni-app swiper设置自定义高度

    话不多少先上图, 大家可以看到图片中红色区域是头部区域,黄色区域则是我们要滑动的区域. 大家可以在uni-app官网上看到swiper高度是默认100%,而swiper-item则是要有固定宽高的,要 ...

  9. AntV设置Chart高度

    AntV在使用柱状图时不能单独设置一个柱状图的宽度,但可以设置整体高度,宽度,代码如下 const chart = new F2.Chart({ id: 'c1', // 指定图表容器 ID widt ...

随机推荐

  1. Appium 1.6安装步骤

    原来用的Appium1.5.3GUI版本,那为什么升级呢? 为了兼容最新版本的iOS10和Android7 Xcode8升级后,将不支持使用UIAutomation,而是改为使用XCUITest了,并 ...

  2. 830. Positions of Large Groups

    In a string S of lowercase letters, these letters form consecutive groups of the same character. For ...

  3. 简单的jQ代码

    简单的jQ代码 /* * Lazy Load - jQuery plugin for lazy loading images * * Copyright (c) 2007-2012 Mika Tuup ...

  4. TabError的解决方法

    问题:Python文件运行时报TabError: inconsistent use of tabs and spaces in indentation 原因:说明Python文件中混有Tab和Spac ...

  5. JavaScript各种继承方式（四）：原型式继承（prototypal inheritance）

    一 原理 利用工具函数,通过原型对象直接得到父类的实例,并当作子类对实例使用. function inherit(obj){ // 在闭包中创建子类,对外隐藏子类 function Temp(){ } ...

  6. 以太坊博弈游戏 -- FOMO3D，讽刺人性

    以下资料收录自各个博客,下面给出链接. 总的来说,这是基于以太坊的“菠菜”游戏,大资金盘,亏多盈少,大家看看就好. 官网地址:http://exitscam.me/play 出现 7月16日,当时这个 ...

  7. UVa 548 Tree(二叉树最短路径)

    You are to determine the value of the leaf node in a given binary tree that is the terminal node of ...

  8. Asp.net Mvc之Action如何传多个参数

    最近,工作上有一个需要:用户查询日志文件信息,查看某一个具体日志信息,可能同时查看该日志所在日期的其他日志信息列表. 为完成此功能,我打算在URL中传入了两个参数,一个记录此日志时间,另外一个记录日志 ...

  9. 亚像素Sub Pixel

    亚像素Sub Pixel 评估图像处理算法时,通常会考虑是否具有亚像素精度. 亚像素概念的引出: 图像处理过程中,提高检测方法的精度一般有两种方式:一种是提高图像系统的光学放大倍数和CCD相机的分辨率 ...

  10. Windows服务安装、卸载、启动和关闭的管理器

    最近在重构公司的系统,把一些需要独立执行.并不需要人为关注的组件转换为Windows服务,Windows服务在使用的过程中有很多好处,相信这一点,就不用我多说了.但是每次都要建立Windows服务项目 ...