作者：花生vs布丁丁7_835 | 来源：互联网 | 2023-07-04 14:48
网页使用Table布局，共三行，要求顶部、底部两行高度固定，中间自适应。文档类型为：<!DOCTYPEhtml>。问题：在IE6下，顶、底两行的高度无法固定，会自动随着浏览器
网页使用Table布局，共三行，要求顶部、底部两行高度固定，中间自适应。
文档类型为：。
问题：在IE6下，顶、底两行的高度无法固定，会自动随着浏览器的大小变化而变化。但是，在其它浏览器里面效果达到预期。
麻烦高手帮忙看看，谢谢。
15 个解决方案
其实现在是完全不需要考虑ie6的，如果你要坚持那就设置成绝对的大小
如果是用JS控制的话，我前面也试过了。确实可以达到最终效果，但是在显示的时候，会有明显的界面抖动。就是能感觉出来，这个高度先是比较大的，然后被JS缩小了，从而产生抖动。
不知道是否能从css上解决，或者其它更好的办法？
而且如果是用JS来控制的话，还有一个弊端，就是在浏览器大小改变时，还需要再计算一次中间行的高度，否则就会造成中间行的高度无法自适应，从而出现垂直滚动条。
回 wangyizhi58:
如果使用我提到的文档类型，在IE6下，使用你的代码，中间行会扩充到整个屏幕，从而在一屏之内，看不到顶行和底行。
某大集团项目，IE6是客户指定必须满足的浏览器，我也没有办法。
感觉使用table做这样的实现会比较烦
LZ能不能改用div来排版呢
如果使用DIV布局的话，浏览器的兼容性更麻烦一些，特别是针对IE6。
企业内部的BS系统，感觉使用table布局更稳妥一些。
单个页面的数据量毕竟也不大的，与div相比，基本上不存在明显的效率问题。
可以使用百分比的高度控制。只要自己调好，还是可取的。
记得加上html,body,form{height:100%}
客户那边有小显示器，有24寸的大显示器，分辨率差别很大的。如果使用百分比的话，也会非常明显的。
不知道有没有纯粹修改css，或者嵌套table/div这样的解决办法？
我发的这个不全,没有窗口变化时候重新操作. 不过估计没有js 很难..
京公网安备 11010802041100号