странная проблема 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

Проверьте свойство вертикального выравнивания, возможно. Здесь, судя по скриншоту, он, кажется, находится в режиме по умолчанию, «базовый уровень». (Хотя я не уверен, что это многое сделает)

Попробуйте: th.stuff { вертикальные выравнивания: сверху; } или же : th.stuff { вертикально-Align: средний; }

Также вы можете сделать все немного выше и увеличить отступ в некоторой степени, чтобы выровнять содержимое. Я думаю, что проблема в целом; commes от выбора, который появляется в th, внутри таблицы.

Answer 2

Вы можете использовать специальные таблицы стилей IE. Они известны как условные таблицы стилей.

http://css -tricks.com / 132-хау к созданию-ан-т-только-таблицы стилей /

Идея, конечно, состояла бы в том, чтобы изменить CSS для этого элемента только для IE (поскольку он уже работает с другими браузерами).