Дисплей: таблица-ячейка; в ie6/7 обходной путь

Я пытаюсь создать таблицу CSS из одной строки с несколькими ячейками, текст которой расположен по центру. В основном поведение таблицы, которое я пытаюсь имитировать с помощью css, таково:

<table width="100%" height="54" border="0" bgcolor="red">
 <tr>
    <td width="20%">text</td>
    <td width="20%">text</td>
    <td width="20%">text</td>
    <td width="20%">text</td>
    <td width="20%">text</td>
  </tr>
</table>

Чтобы мой код был семантически правильным, я хочу использовать div для достижения того же эффекта.

<div class="job_wrapper">
 <div class="info">
  <div>01</div>
  <div>Campaign 001</div>
  <div>DEMO Client</div>
  <div>128</div>
  <div>449</div> 
 </div>
</div>

Проблема заключается в том, что обходной путь для отображения: ячейка таблицы в IE включала использование свойства float, которое переопределяет отображаемое значение для блокировки. поэтому я теряю вертикальное центрирование текста в ячейке таблицы.

Есть ли обходной путь для отображения: ячейка таблицы в IE, которая все еще дает мне возможность центрировать текст по вертикали в IE?

ура

1 ответ

Проверьте таблицу стилей от http://jogger.pl/404.

у них есть интересный обходной путь там.

Другие вопросы по тегам