文档类型为：<!DOCTYPE html>。
问题：在IE6下，顶、底两行的高度无法固定，会自动随着浏览器的大小变化而变化。但是，在其它浏览器里面效果达到预期。
麻烦高手帮忙看看，谢谢。
-
本版专家分：2504结帖率 100% -
网页使用Table布局，共三行，要求顶部、底部两行高度固定，中间自适应。
文档类型为：<!DOCTYPE html>。
问题：在IE6下，顶、底两行的高度无法固定，会自动随着浏览器的大小变化而变化。但是，在其它浏览器里面效果达到预期。
麻烦高手帮忙看看，谢谢。展开阅读全文
-
本版专家分：3970
-
给IE6做单独样式
-
本版专家分：224 -
其实现在是完全不需要考虑ie6的，如果你要坚持那就设置成绝对的大小
-
本版专家分：15816 -
table排版有点蛋疼
用javascript控制下行不
<!DOCTYPE html>
<html>
<head runat="server">
<title></title>
<style type="text/css">
*{margin:0 auto;padding:0px;}
#top,#bottom{width:100%;height:100px;background:#f00;}
#middle{width:100%;height:100px;background:#0f0}
</style>
<script type="text/javascript">
function load()
{
//计算得到出上下两部分的高度
var auto_height=document.documentElement.clientHeight-200;
document.getElementById("middle").style.height=auto_height+"px";
//alert(auto_height);
}
</script>
</head>
<body onload="load();">
<table style="width:100%;border-collapse:collapse;">
<tr id="top">
<td>top</td>
</tr>
<tr id="middle">
<td>middle</td>
</tr>
<tr id="bottom">
<td>bottom</td>
</tr>
</table>
</body>
</html>
在ie6+ chremo ff测试通过
-
本版专家分：2504
-
如果是用JS控制的话，我前面也试过了。确实可以达到最终效果，但是在显示的时候，会有明显的界面抖动。就是能感觉出来，这个高度先是比较大的，然后被JS缩小了，从而产生抖动。
不知道是否能从css上解决，或者其它更好的办法？
-
本版专家分：2504
-
而且如果是用JS来控制的话，还有一个弊端，就是在浏览器大小改变时，还需要再计算一次中间行的高度，否则就会造成中间行的高度无法自适应，从而出现垂直滚动条。
-
本版专家分：1319 -
<table>
<tr>
<td height="20px" width="100%"></td>
</tr>
<tr>
<td height="100%" width="100%"></td>
</tr>
<tr>
<td height="20px" width = "100%"></td>
</tr>
</table>
你可以试试做下，我记得是这样，我以前做过。。。尽量用火狐浏览器，然后用firebug改变属性值调试下
-
本版专家分：2504
-
回 wangyizhi58:
如果使用我提到的文档类型，在IE6下，使用你的代码，中间行会扩充到整个屏幕，从而在一屏之内，看不到顶行和底行。
某大集团项目，IE6是客户指定必须满足的浏览器，我也没有办法。
-
本版专家分：15816
-
感觉使用table做这样的实现会比较烦
LZ能不能改用div来排版呢
-
本版专家分：2504
-
如果使用DIV布局的话，浏览器的兼容性更麻烦一些，特别是针对IE6。
企业内部的BS系统，感觉使用table布局更稳妥一些。
单个页面的数据量毕竟也不大的，与div相比，基本上不存在明显的效率问题。
-
本版专家分：5482 -
可以使用百分比的高度控制。只要自己调好，还是可取的。
记得加上html,body,form{height:100%}
- HTML Table局部布局与浏览器兼容性
掌握使用table tr td局部布局的情况处理浏览器兼容性问题 2、Table局部布局应用场景1 2.1）应用场景1(产品列表页面)，如图： 2.2）布局分析：类似产品列表页面这种多行多列的数据展示方式，
- IE9下采用table布局兼容性BUG
一、问题引入 （一）上周在工作中，遇到一个...（二）问题的原因为IE9下采用Table布局的方法会存在兼容性BUG，找到了问题的原因就很好解决问题了，将页面里原有Table布局改为ul-li布局即可完美解决。 二、问题的...
- IE9 下ajax动态记载table布局错乱问题。
如果用ajax动态加载table，不管是加载一行还是加载一个整table，都会遇到随机的table错乱问题，原因可能是与IE9把空格也渲染了，解决的办法是：去掉所有td之间的空格，允许td换行， stackoverflow上有解答：...
- IE6 IE7: div中table宽度100%导致的宽度问题
IE6：此时table的100%宽度还是没有滚动条那是的宽度，出现滚动条后，div的可视宽度减少，导致横向滚动条也出现了，而且横向能滚动的长度正好是滚动条的宽度。 IE7：竖滚动条此时则很操蛋的消失了..... IE8：下一切...
- 【Html】IE8中将div布局更换为Table布局
起因 项目针对用户主要是IE8用户 做法 前期采用Div布局 IE8和IE6、7、9以上的区别 Div也可以布局 Table布局
- ExtJS中的一个table布局的问题
请教大家一个问题：在table的布局下我分了两列，我计划让第一列占据父面板的20%，第二列占据父面板的80%，这个应如何设置呢？谢谢 [b]问题补充：[/b] 多谢yourgame的回答，我也试用过了anchor，不过还是对结果没有...
- firefox ie table 布局 兼容性问题
最近在做一个表格控件，使用的布局方式是table布局，因为需求上要求表格的文本不能离边框太近，需要有5px的间隔，于是我很自然的就写成了这样 td{ padding-left:5px; padding-right:5px; }在IE9里面很正常，但是在...
- 关于elementUI 在IE下 table 表格宽度不是100%的问题
在ie下table表格可能会变窄，不是100%，解决方案如下： .el-table__header{ width: 100% !important; } .el-table__body{ width: 100% !important; }
- ie6浏览器不支持float:left 解决办法
ie6似乎不支持float:left 解决方法 IE6里面不兼容,DIV没有打横排列,而显示成竖着排 两条语句让你的div变好 1、浮动的div 设置display:inline 2、浮动的div 加overflow:hidden；ie6未修复前修复后：...
- DIV+CSS布局和TABLE布局的优缺点讲解
TABLE布局是WEB早期CSS不存在的时候兴起的，是对TABLE标签的不正规使用，Table标签就是表格，是用来显示数据的，而不是用来布局网页的，虽然它有时候布局网页很简单。现在绝大多数的网站都是用DIV+CSS布局。这两种...
- 最近在调页面样式布局的时候发现，table布局在IE7以上的版本中支持不够好
相比之下，IE7以下的浏览器中，table布局倒是特别整齐。 由于现在普遍流行的是IE8以上的浏览器，所以建议使用DIV/CSS进行页面布局。
- ie8中 table 的居中显示
body { text-align: center; } table { margin: 0 auto; }
- extjs 布局 layout---Table布局
Table 布局由类Ext.layout.TableLayout 定义.称为table,该布局负责把容器中的子元素按照类似普通html标签 (除了上述讲的这几种布局以外,还有fit 布局,form布局,accordion布局,card布局) var panel4 = new Ext....
- IE8下table th和td宽度样式混乱解决办法
IE8下table样式混乱 td和th无法设置宽度
- element UI中flex布局下el-table宽度自适应在IE下出现一直加载宽度的bug解决
最近的一个后台项目大量用到了element-ui里面的table。在调试ie兼容性的时候发现当没有加载表格数据只有表头时显示正常，但当加载数据后，表格一直抖动而且宽度持续增加。默认fit=true，把fit设置为false后是不会...
- ie5 到 ie11 table 样式问题
要记得加 px
- IE9中table出现空白单元格及td出现错位的问题
问题描述：最近做的项目中，PC端页面有大量的table。某些页面的table列数较多（20列左右），在IE9浏览器中部分表格单元格分割线显示不全，同时存在数据显示错位。如下图所示：原因：经排查，发现是换行引起的，即&...
- EasyTable.js，令html的table布局变得非常简单！
过年之前由于工作的需要，我花了一周的时间开发...很多网站不喜欢使用table布局，因为table布局虽然排版能力强，但是改动能力差，一旦写死之后想要增删里面的数据都会变得非常麻烦。现在，这个插件将为你解决这个烦恼！
- css3的display:table布局
当IE8发布时，它将支持很多新的CSS display属性值，包括与表格相关的属性值：table、table-row和table-cell，它也是最后一款支持这些属性值的主流浏览器。 网页元素应用上那些与表格相关的display属性值后，能够...
- table布局 height=100%无效分析
table布局 height=100%无效分析 在使用table表格进行页面布局时，经常使用将表格高度设置style="height:100%"来实现表格高度满屏效果，但在最新的浏览器中经常遇到无效，根本原因再于浏览器使用用的工作模式的不同...