`
zccst
  • 浏览: 3315747 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

设置frameset的高度

阅读更多
zccst转载

原文:

这是使用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>


如果您觉得本文的内容对您的学习有所帮助,您可以微信:
分享到:
评论

相关推荐

    设置frameset的高度 界面变形的解决方法

    具体做法是创建一个包含iframe的页面,通过设置iframe的style属性中的height为想要的高度,这样整个页面的高度就被固定下来,从而避免了原frameset页面在不同分辨率下的变形问题。示例代码如下: ;width:100%;...

    frameset元素属性详解

    它们接受一系列值,以逗号分隔,表示每一列或每一行的宽度或高度。这些值可以是像素值(如“200”)、百分比(如“20%”)或星号(如“*”),其中星号代表剩余空间。 例如,`cols="20%,400,*"`意味着第一列占...

    利用Frameset 框架进行页面的布局设置

    本篇将深入探讨如何利用Frameset进行页面布局设置。 一、Frameset基本概念 Frameset是HTML4的一个元素,用于创建多窗格布局,每个窗格可以独立加载不同的网页内容。在HTML5中,虽然不推荐使用frameset,但许多现有...

    Asp.net中Frameset的使用小结(1)

    * `MARGINHEIGHT`:用于定义框架的高度边缘所保留的空间,以像素为单位。 使用 Frameset 可以实现多种复杂的网页布局,例如创建多个框窗,每个框窗显示不同的内容,或者创建一个框窗,框窗中包含多个小框窗,每个小...

    Frameset_详解

    例如,`rows="*, 3*"`表示第一个框架占窗口高度的1/4,第二个框架占剩下的3/4。 ```html &lt;frameset rows="*, 3*"&gt; &lt;/frameset&gt; ``` ##### 4. Frame 标签 `&lt;frame&gt;`标签用于指定框架的具体内容来源。每个框架...

    在frameset框架集中应用背景图片

    例如,在给出的部分内容中,可以看到一个嵌套的frameset结构,通过`rows`和`cols`属性来定义框架的高度和宽度分配。 ### 在frameset中应用背景图片的方法 为了在frameset中的各个框架内分别设置不同的背景图片,...

    frameset示例代码

    - `marginwidth` 和 `marginheight`:设置框架边距的宽度和高度。 3. **noframes 内容**: 当浏览器不支持框架或用户选择不显示框架时,`&lt;noframes&gt;` 标签内的内容将被显示。这对于保持网页的可用性至关重要。 4...

    jsp中使用frameset框架 边框固定不让更改边框的大小.docx

    要实现边框不可调整大小,我们需要在`frameset`中的`frame`标签内添加`noresize`属性,并将其值设置为`noresize`。这将禁止用户通过拖拽的方式改变框架的大小。例如: ```html &lt;frameset rows="12%,*" frameborder=...

    页面布局frameset

    在这个例子中,页面被分为三部分:顶部(header)、中间(content)和底部(footer),通过`rows`属性定义了各部分的高度。每个`&lt;frame&gt;`元素都指定了相应的源文件,使得头、主要内容和底部可以分别从不同的HTML文件...

    frameSet应用 子父窗口传值

    在`leftMenu.jsp`中,我们可以设置链接的`onclick`事件来改变`rightFrame`的内容: ```jsp 商品1 ``` 这样,当用户点击左侧的商品链接时,右侧的内容会自动更新为对应的商品详情。 ### 4. 考虑现代浏览器兼容性 ...

    \frameset框架页面加滚动条.doc

    这段代码会在页面加载完成后运行,通过获取当前页面的实际高度(`scrollHeight`)来动态设置框架的高度,从而确保框架能够完整展示其内容而无需额外的滚动。 3. **在子页面中引用脚本**:在每个需要调用的子页面中...

    asp.net中frameset框架集嵌套的用法

    ### ASP.NET中Frameset框架集嵌套的用法详解 #### 概述 在ASP.NET中,`frameset`框架集是一种将一个浏览器窗口分割成多个独立区域的技术,每个区域都可以独立显示不同的网页内容。这种技术特别适用于创建复杂的...

    JSP框架类frameset和frame的区别和用法

    * rows:用于定义框架的行数和高度,例如rows="60,*"表示页面分为上下两个部分,其中上部分高度为60像素,下部分高度自适应。 * cols:用于定义框架的列数和宽度,例如cols="150,*"表示页面分为左右两个部分,其中左...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    总的来说,通过使用JavaScript动态计算`&lt;iframe&gt;`内容的高度并设置`&lt;iframe&gt;`的高度,可以有效地解决`&lt;iframe&gt;`内容高度自适应以及设置高度后无法缩小的问题。同时,要注意兼容性问题和跨域限制,以确保在各种环境下...

    html页面嵌套使用示例(frameset使用方法)

    这行代码创建了一个两行的布局,第一行占据10%的高度,第二行占据剩余的空间。 2. **rows和cols属性** - `rows`属性用于定义垂直分割的框架,值可以是百分比、像素值或星号(*),星号表示剩余空间。 - `cols`属性...

    frameset与div布局的优缺点

    2.页面代码不能高度重用,但是可以使用服务器动态语言里的include等语句实现。 DIV布局方式可以完全弥补掉Frameset布局的一些局限和缺点,并且也可以使用其他手段完成Frameset布局的优点,且实现难度较小。因此,在...

    frameset框架中target的使用

    - **rows**: 定义了按行划分的高度。 例如: ```html &lt;frameset cols="40%,60%"&gt; &lt;/frameset&gt; ``` 上面的例子中,页面被分为两列,左侧占40%,右侧占60%。每一列中的内容分别从`red.htm`和`green.htm`加载。 ...

    HTML框架演示,frameset,frame

    此外,还可以设置其他属性,如`name`(为框架提供一个名称,便于通过JavaScript或超链接进行引用)和`noresize`(禁止用户调整框架大小)等。 HTML框架的一个常见应用是创建上下结构或者左右结构的布局。例如,我们...

    Asp.net中Frameset的使用小结(2)

    - `width` 和 `height`:设置框架宽度和高度,单位通常是像素。 - `marginwidth` 和 `marginheight`:设置内容与框架边缘之间的距离。 - `frameborder`:是否显示边框,接受值为 `1` 或 `0`,等同于 `yes` 或 `no...

    利用frameset管理页面的布局

    例如,`&lt;frameset rows="50%, 50%"&gt;`将页面分为两个相等高度的区域。 2. `&lt;frame&gt;`:每个`&lt;frame&gt;`元素代表一个独立的网页区域。通过`src`属性,我们可以指定该框架要加载的网页URL。例如,`...

Global site tag (gtag.js) - Google Analytics