网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 设置frameset的高度 界面变形的解决方法
内容
    使用frameset做的,在宽屏下开发一直没有发现什么问题,直到一个用户使用800*600的机子测试的时候,才发现整个界面都被变形了。
    目前做了一个项目,界面如下:
    名单
    这是使用frameset做的,在宽屏下开发一直没有发现什么问题,直到一个用户使用800*600的机子测试的时候,才发现整个界面都被变形了。
    那时整个frameset页面只有600像素高度,frameset嵌套的frame出现了滚动条,实在难看。怎么把frameset的高度设置高点,让其嵌套的frame页面没有滚动条,而让frameset有滚动条呢?
    frameset的高度是设置不了的,比如:<frameset rows="110,*">。这时的页面还是屏幕的高度,并不是1900px;设置frameset的body的高度也无效。怎么办呢?我baidu了好多天,都没找到答案,这个问题就一直搁置着。也想到叫美工用DIV+CSS替换了frameset,但怕牵涉的内容太多,换的工作量也许很大,只好作罢。
    灵感这东西真是怪,要来不来,来了挡也挡不住。就在这个问题放了一个来月后,今天它突然来了,来的时候还带着iframe。当我把frameset嵌套其中,并设置iframse页面的高度,效果果然出来了。现把解决方案与遇到相同问题而解决不了的同仁分享。
    1、frameset页面(inner.html)
    代码如下:
    <html>
    <frameset rows="110,*" frameborder="no" framespacing="-4px">
    <frame src="header.jsp" name="topFrame" scrolling="no" noresize="noresize" />
    <frameset cols="170,12,*" framespacing="0" frameborder="no" 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>
    <iframe src="inner.html"
    style="height:100%;width:100%;border-width: 0px;">
    </iframe>
    </body>
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/15 4:59:11