2013-06-26 22 views
0

ie10没有显示colspan上的精细边界。
它显示在其他浏览器,但不是在IE 10上。 我会在下面发布我的代码。td与在ie10怪异模式下破裂的colspan边界

HTML代码:

<table> 
<thead> 
    <tr> 
     <td rowspan="2">1</td> 
     <td rowspan="2">2</td> 
     <td colspan="4">3</td> 
     <td rowspan="2">4</td> 
    </tr> 
    <tr> 
     <td>5</td> 
     <td>6</td> 
     <td colspan="2">7</td> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
     <td colspan="3">4</td> 
     <td>5</td> 
    </tr> 
</tbody> 
</table> 

CSS代码:

table tr td { 
    border: 1px solid black; 
    width: 100px; 
} 
table { 
    border-collapse:collapse; 
} 

下边框7不见了。我如何显示它?

这里是的jsfiddle例如: http://jsfiddle.net/H4z7Q/

ADD:如果在IE10发生一些事件,边境回来正常。

回答

0

您可以使用表格内联样式统计。而不是border-collapse:collapse;

<table cellpadding=0 cellspacing=0> 

将计为同样的效果。 但将返回并chrice乌尔问题

+0

'

'使边框变粗.. 1px-> 2px由于两个单元格的边框可以是 – tartokr

+0

您可以在表格中使用frame = box inline并增加框架的厚度以匹配边界的厚度。但是这会增加盒子边框的厚度。这几乎可以杀死你的问题,除非你有2px的所有边界。所以你知道我只是想通过你的问题“老派”的方式。 –

-1

的标记违反了HTML表格模型,您可以通过http://validator.w3.org它说检查它看,指的是第一行:“表列6的元素TD确立了无细胞从它开始“。

所以所有投注都关闭。修改表结构以使其符合要求,或尝试使用除布局表之外的其他工具实现所需的布局。