Question

我试图转换一些使用FRAMESET的旧代码来使用IFRAME或DIV。旧代码导致两个垂直框架，左边一个框架最初是窗口的30％。用户可以移动分界线来改变比例。旧代码（剥离）是：

<HTML>
<HEAD>
</HEAD>
    <FRAMESET frameSpacing="3" frameBorder="0" cols=30%,* >
    <FRAME id="contentGenerator" src="content.html"  scrolling="no">
    <FRAME id="content" src="startNSM.html" >
    </FRAMESET>
</HTML>

到目前为止，我得到的是：

<HTML>
<HEAD>

<STYLE>
#cgDiv {
    HEIGHT: 100%; WIDTH: 30%; VERTICAL-ALIGN: top; POSITION: fixed
}
#contentGenerator {
    HEIGHT: 100%    
}
#cDiv {
    HEIGHT: 100%; WIDTH: 70%; VERTICAL-ALIGN: top; POSITION: relative
}
#content {
    HEIGHT: 100%
}
</STYLE>
</HEAD>
<BODY >
<DIV id="cgDiv">
    <IFRAME id="contentGenerator" src="content.html">
    </IFRAME>
</DIV>
<DIV id="cDiv">
    <IFRAME id="content" src="startNSM.html">
    </IFRAME>
</DIV>
</BODY>
</HTML>

这样做是在30％的窗口中显示第一个IFRAME，而不是在第二个帧中显示。有什么建议吗？

Answer 1

尝试将CSS更改为以下

#cgDiv {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 30%;
}

#contentGenerator, #content {
    height: 100%;
    width: 100%;
}

#cDiv {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    width: 69.5%;
}

body { margin: 0}

将FRAMESET转换为IFRAME

1 个答案: