奇怪的IE8 css问题

Question

我有一个具有这种结构的标题行：

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

如果查看附件，您会注意到具有此结构的所有标题都已对齐。

好吧，当点击特定标题为“已排序”状态时，结构将如下：

<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 {     垂直对齐：顶部;     } 要么 ：     th.stuff {     垂直对齐：中部;     }

此外，你可以使所有的稍高，并获得somme填充以对齐内容。我认为这个问题总的来说;来自表格内部的选择中的注释。

Answer 2

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

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

当然，我们的想法是仅为IE更改该元素的CSS（因为它确实可以与其他浏览器一起使用）。