关于table布局的问题
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
* { margin: 0px; }
html, body { height: 100%; }
</style>
</head>
<body>
<table style="width:100%; height:100%; ">
<tr><td style="background-color:#164331; height:100px;">1</td></tr>
<tr><td style="height:auto">2</td></tr>
</table>
</body>
</html>
表格把整个页面占满,上边那个单元格固定高度100px,下边则自动高度
页面在 firefox 跟 谷歌浏览器 显示都是正常的,但是在IE就变样了,IE中上边的那个单元格占了大部分空间,请问高手这是怎么回事,该怎么修改。要求保留DOCTYPE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style type="text/css">
* { margin: 0px; }
html, body { height: 100%; }
</style>
</head>
<body>
<table style="width:100%; height:100%; ">
<tr><td style="background-color:#164331; height:100px;">1</td></tr>
<tr><td style="height:auto">2</td></tr>
</table>
</body>
</html>
表格把整个页面占满,上边那个单元格固定高度100px,下边则自动高度
页面在 firefox 跟 谷歌浏览器 显示都是正常的,但是在IE就变样了,IE中上边的那个单元格占了大部分空间,请问高手这是怎么回事,该怎么修改。要求保留DOCTYPE
...全文
相关推荐
Table布局百分比问题[源码]
这种做法虽然可以模拟表格行为,但仍然存在一些细节问题需要解决,比如如何在Table布局中设置宽度百分比。
table中tr的display:block显示布局错乱问题
table中tr的display:block显示布局错乱问题
elementUI中Table表格问题的解决方法
"本文主要介绍了在使用elementUI的Table组件时遇到的一个表格样式问题,以及两种解决方案:给表格添加固定宽度和利用flex布局实现宽度自适应。"在使用elementUI进行Vue项目的
el-table宽度问题解决[项目源码]
其中一个比较常见的问题是在使用el-table组件时,当其父级元素采用flex布局,可能会出现el-table宽度不断增加的异常现象。这种问题会导致表格组件无法正确展示预期的布局,影响用户体验。
Table布局的优缺点介绍及为什么不建议使用
**文本复制问题**:在某些浏览器中,用户尝试从Table中复制文本可能会遇到问题,这可能降低用户的满意度。5.


