奇怪IE8的CSS问题

Question

我有具有这种结构标题行：

<th... 
    <a... 
    <span... 
    {text} 

如果你看一下attachement，你会发现，所有这样的构成的头对齐。

好，点击特定标题的时候“整理”状态，该结构将是这样的：

<th... 
    <a... 
    <span... 
    <table> 
     <tbody> 
      <tr> 
       <td> 
       {text} 
       </td> 
       <td> 
       <div> //with a background image 
       </td> 
      </tr> 
     </tbody> 
    </table> 

那么，在IE8这个排序列不再对齐（见截图请）。

我已经尝试了很多把一些CSS样式（位置：相对的，等等），以表跨度内以修复IE8排列但我失败了..

是这里的任何CSS大师从而可以建议修复？

请注意，我不能更改此结构（它从ICEfaces库生成的一些代码），但我可以应用CSS属性（如果我知道在哪里...）。

此外，应用排序列没有css差异（某些特定的重要样式）。这个跨度内只有简单的表格。

谢谢。

Answer 1

检查vertical-align属性，也许。这里，通过screencap来判断，它似乎处于默认模式'基线'。 （虽然我不确定它会做多少，但）

尝试： th.stuff { vertical-align：top; } 或者： th.stuff { vertical-align：middle; }

此外，你可以使所有th稍高，并获得somme填充对齐的内容。我认为这个问题总的来说;从表中选择出现在选项中的commes。

Answer 2

您可以使用IE特定的样式表。它们被称为条件样式表。

http://css-tricks.com/132-how-to-create-an-ie-only-stylesheet/

课程的想法是改变该元素只有IE浏览器CSS的（因为它的工作已经与其他浏览器）。