61,112
社区成员
发帖
与我相关
我的任务
分享HTML 4.0 的这种效果在 XHTML 1.0 中如何实现
就是上下两栏，下面一栏是固定高度的，且始终在最底层，当上面一栏的内容超出栏目高度时出现滚动条，而且上面一栏不能固顶高度，他始终等于页面高度减去下面一栏的高度。在 HTML 4.0 中可以这样实现，代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>Untitled Page</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>
<div style="border: 2px solid #3399ff; overflow: auto; height: 100%;">
内容
</div>
</td>
</tr>
<tr>
<td height="24">
<div style="border: 2px solid #3399ff; text-align: center;">
<input id="btnOK" type="button" value="确定" />
<input id="btnCancel" type="button" value="取消" />
</div>
</td>
</tr>
</table>
</body>
</html>
如果把文档头换成 XHTML 1.0 的话，效果就完全不同了，请多多指教。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>Untitled Page</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>
<div style="border: 2px solid #3399ff; overflow: auto; height: 100%;">
内容
</div>
</td>
</tr>
<tr>
<td height="24">
<div style="border: 2px solid #3399ff; text-align: center;">
<input id="btnOK" type="button" value="确定" />
<input id="btnCancel" type="button" value="取消" />
</div>
</td>
</tr>
</table>
</body>
</html>
如果把文档头换成 XHTML 1.0 的话，效果就完全不同了，请多多指教。
...全文
请发表友善的回复…
发表回复
