table表格高度不兼容浏览器的兼容模式跟极速模式,怎样解决

2014/9/15 来源:www.arpun.com 作者:小白

表格高度不兼容浏览器的兼容模式和极速模式, 极速模式显示正常, 兼容模式变形, 怎样解决?

------解决方案--------------------

<meta name="renderer"content="webkit">

如果不需要兼容ie, 加在head标签内, 强制使用极速模式

需要兼容i的话建议还是采用更规范的写法, 并且充分测试测试

------解决方案--------------------

经测试应该是ie7-的bug。 。 table包含align属性会导致父容器offsetTop自动变化, 去掉align属性就没有问题了

还有就是css写标准一些, 属性和值用:分隔, 不是=, 删除下面红色的内容

<div id="bb" onMouseOver="ij=1" style="border:0px solid gray;margin-top=-115px;overflow:hidden;height:120px; width:230px" onMouseOut="ij=0">

tr标签也没有闭合, 要删除下面红色的这个align属性

<table width="230" height="22" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

------解决方案--------------------

可以看看这个测试:IE7-浏览器设置子容器innerHTML会导致父容器offsetTop更改

网友评论
评论(...
全部评论