奇妙なIE8のCSSの問題

Question

私はこのような構造を持つヘッダ行があります。

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

を使用すると、添付ファイルを見れば、あなたはこのような構造を持つすべてのヘッダが整列していることがわかります。

まあ、特定のヘッダは、ステータスを「ソート」をクリックしたときに、構造は次のようになりません。（スクリーンショットをご覧下さい）IE8でこのソート列はもはや整列され、

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

まあ。

は、私が（位置：相対、など）いくつかのCSSスタイルを置くために多くのことを試してみたIE8のアライメントを修正するためにスパン内のテーブルに私は失敗した。..

がここにいることができます任意のCSSの第一人者です修正を提案しますか？

この構造（ICEfacesライブラリから生成されたコード）を変更することはできませんが、私はcss属性を適用することができます。

また、ソートされた列に適用されるCSSの違い（特定の重要なスタイル）はありません。そのスパンの中のただのテーブル。

ありがとうございました。

Answer 1

vertical-alignプロパティを確認してください。ここでは、スクリーンキャプチャで判断すると、デフォルトモードの「ベースライン」にあるようです。 （私はそれが多くを行うことは確実ではない）

試してみてください： th.stuff { vertical-align：top; } または： th.stuff { vertical-align：middle; }

また、すべてを少し上げて、コンテンツを整列させるためにソムをパディングすることもできます。私は全体的に問題だと思う。表の中に表示されている選択から選択します。

Answer 2

あなたは、IE固有のスタイルシートを使用することができます。条件付きスタイルシートと呼ばれます。

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

もちろんのアイデアは、（それが他のブラウザではすでに仕事をしているため）だけIEのために、その要素のCSSを変更することです。