表格的高度设为屏幕的100%
当想把表格的高度设成100%,怎么都没成功
后来想了想,先对html和body设置了height:100%,然后再设置表格的高度为100%,就成功了
看代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格的高度100%</title>
<style type="text/css">
<!--
html,body {
margin: 0px;
height: 100%;
color: #FFFFFF;
}
h2 {
color: #FFFF00;
}
li {
line-height: 2em;
font-size: 18px;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0">
<table width="100%" height="100%" border="0" bgcolor="#0099FF">
<tr>
<td align="center" valign="middle"><h1>HTML 4.01规范下——表格的高度100%</h1>
<h2>测试通过的浏览器:</h2>
<ul>
<li>IE5.0 & IE6.0</li>
<li>firefox1.0</li>
<li>Opera8.0</li>
<li>netscape8.0 beta</li>
</ul></td>
</tr>
</table>
</body>
</html>