IE6 IE7: div中table宽度100%导致的宽度问题
2014-09-19 10:48
148 查看
问题现象:定义了DOCTYPE的页面
当表格的内容比div的高度还要高时,div会出现滚动条,同时在IE6和IE7下会出现问题:
IE6:此时table的100%宽度还是没有滚动条那是的宽度,出现滚动条后,div的可视宽度减少,导致横向滚动条也出现了,而且横向能滚动的长度正好是滚动条的宽度。
IE7:竖滚动条此时则很操蛋的消失了.....
IE8:下一切正常。
解决方法:内嵌套一个分区元素 Layout
补充:
1.不止是TABLE,如果DIV宽高有像TABLE的定义,也会出现这种现象
2.DIv两列布局,一个DIV浮动,且两个DIV中同有宽度100%TABLE/DIV时, IE6会强制未浮动DIV中的内容空浮动DIV中内容的高度
当表格的内容比div的高度还要高时,div会出现滚动条,同时在IE6和IE7下会出现问题:
IE6:此时table的100%宽度还是没有滚动条那是的宽度,出现滚动条后,div的可视宽度减少,导致横向滚动条也出现了,而且横向能滚动的长度正好是滚动条的宽度。
IE7:竖滚动条此时则很操蛋的消失了.....
IE8:下一切正常。
解决方法:内嵌套一个分区元素 Layout
<div style="width:100px; height=50px; overflow:auto;"> <div style="*zoom:1;"><!--添加此行--> <table width="100%" border="1" cellspacing="0" cellpadding="0"> .... </table> </div> </div>
补充:
1.不止是TABLE,如果DIV宽高有像TABLE的定义,也会出现这种现象
2.DIv两列布局,一个DIV浮动,且两个DIV中同有宽度100%TABLE/DIV时, IE6会强制未浮动DIV中的内容空浮动DIV中内容的高度
相关文章推荐
- IE6 IE7: div中 table 宽度100% 引发的血案
- CSS问题1:div中 li宽度不固定 ie6和ie7不兼容不自动换行
- 引用他人的 DIV+CSS IE6 IE7 兼容问题
- padding+div 在ie7、ie6以及firefox中的兼容问题
- DIV+CSS相对IE6 IE7和IE8兼容问题整理
- IE6,IE7,FF | CSS + DIV 兼容问题综合解决方案CSS HACK
- 解决IE6下自适应宽度内嵌100%宽度表格问题
- padding+div 在ie7、ie6以及firefox中的兼容问题
- 关于ie7和ie6 中div自动高度的问题
- div+css - Firefox和IE浏览器兼容问题 - padding-right在IE6下导致抖动
- div错位/解决IE6、IE7、IE8样式不兼容问题
- DIV+CSS相对IE6、IE7和IE8的兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS相对IE6 IE7和IE8兼容问题整理
- div错位/解决IE6、IE7、IE8样式不兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题(转)
- 在IE6下用css设置div的高度为100%时失效的问题!
- DIV里Table的宽度设置为100%后页面出现滚动条的解决办法;DIV下移的解决办法 IE 和 FireFox 都通过
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 【转】 img标签 在IE6和IE7中导致父层DIV高度多了4px