IE7模式压扁表头内容，在多行

我有困难的表头，虽然在IE7模式或IE8兼容模式下使用Internet Exploder查看表格时。文本“的基金业绩图2010年11月19”应该是一个单一的线，但它被压扁成多条线路上的左边。

我想white-space: nowrap;（按照下面的样品）可能有固定的这个，但它不具有的所有任何影响。

<tr> 
    <th class="TableHeaderRow" colspan="8">This Fund's Performance Figures as at 1 December 2010</th> 
</tr>

这个CSS：

th.TableHeaderRow 
{ 
    background-color: #A4A247; 
    padding: 10px 5px; 
    font-weight:bold; 

    white-space: nowrap; 
}

有人可以看到周围的工作这个问题？

来源

2010-12-07 DaveDev

您的问题似乎是在这里：

.PerformanceTable th 
{ 
    width: 50px; 
    border-left: solid 1px #00573D; 
    border-top: solid 1px #00573D; 

    /*background-color: #FFF; 
    color: #00573D;*/ 
    vertical-align: top; 


    /*height:28px;*/ 
}

IE是接受你的宽度：50像素，并迫使其更短。删除该行使它看起来对我来说是正确的。给一个尝试

来源

2010-12-07 21:56:22

尝试使用“白色空间：前;”。这似乎比nowrap更好。

来源

2010-12-07 22:16:16

IE7模式压扁表头内容，在多行

回答

相关问题