Setting the frameset Height
Currently, a project has been made with the following interface:
This is done using frameset, in the widescreen development has not found any problem, until a user using 800*600 test machine, only to find that the entire interface has been distorted.
At that time the entire Frameset page was only 600 pixels high, and the frameset nested frame had a scroll bar, which was ugly. How to set the height of frameset, so that its nested frame page has no scroll bar, and let frameset have scroll bar it?
Frameset height is not set, such as: <frameset rows= "110,*" style= "height:1900px;" >. At this point the page is still the height of the screen, not 1900px; setting the body height of the frameset is also invalid. What do we do? I Baidu for many days, have not found the answer, this problem has been shelved. Also think that the artist with Div+css replaced Frameset, but afraid of the content too much, change the workload may be very big, had to forget.
Inspiration This thing is really strange, want to come, come to block also can't stop. Just after one months of this problem, today it suddenly comes, and comes with an IFRAME. When I put frameset nested in it, and set the height of the Iframse page, the effect is indeed out. The solution is now shared with colleagues who are unable to solve the same problem.
1. Frameset page (inner.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>
2, IFrame page (outer.html) The key is to set the height of this page, want to set how much higher, with you. This is also the height of the frameset contained within.
<body style= "margin:0px;height:580px;width:960px;" >
<iframe src= "inner.html"
Style= "height:100%;width:100%;border-width:0px;" >
</iframe>
</body>
This solution, good, looked for a long time to find out, in this record.
Transfer from http://blog.sina.com.cn/s/blog_5016113a0100m34e.html
Setting the frameset Height
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
