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

在用frameset时在不同浏览器下,会发现自己做的界面变形,可能会被拉伸或者压缩。在同一浏览器下改变窗口大小也可能有这问题。 
因为frameset使用时每个子框架是按比例排版的,就是占窗口大小的百分之几。当窗口变化时就会出现变行的情况。
为了解决这一问题,百度了好久也没找出好的解决方案。
天不负有心人,终于找发现了一个好的解决方案:使用iframe。
<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<HTML>
	<head>
		<title>人事管理系统</title>
		<!-- 
			普通用户主界面
		 -->
		<style type="text/css">
<!--
-->
</style>
	</head>
	<body style="margin: 0px; height: 600px; width: 1000px;">
		<iframe src="index.jsp"
			style="height: 100%; width: 100%; border-width: 0px;">
		</iframe>
	</body>
</HTML>
iframe规定了页面的大小。当窗口大小发生变化时,会出现滚动条。而不会出现被拉伸或者被挤压的情况。
<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<HTML>
	<head>
		<title>人事管理系统</title>
		<!-- 
			普通用户主界面
		 -->
		<style type="text/css">
		<!--
		-->
		</style>
	</head>
	
	<frameset  rows="80,600,70" frameborder="no" border="0" framespacing="0" id = "main">
		<frame src = "TopFrame.jsp" name = "topFrame" noresize="noresize" scrolling="No">
			<frameset  cols="200,800" frameborder="no" border="0" framespacing="0">
				<frame src="LeftFrame.jsp" name="LeftFrame" id="mainLeftFrame"  noresize="noresize" scrolling="No"/>
				<frame src="cardManagement.jsp" name="mainRightFrame" id="RightFrame" scrolling="Yes"/>
			</frameset>
  		<frame src="BottomFrame.jsp" name="bottomFrame" scrolling="No" noresize="noresize"/>
	</frameset>
	
</HTML>


你可能感兴趣的:(框架,浏览器,iframe,百度,border)