IE10 - таблицы - выравнивание не работает

Question

Поскольку я обновился до IE10, таблицы на моей веб-странице отображаются неправильно. Ниже приведен пример:

В разделе Глава таблице показано правильно, но это походит на все тело таблицы помещается в одной (левой) колонке или ячейки.

Я искал решение, но пока не нашел ничего полезного.

Вот код:

<table class="class" id="id"> 
<colgroup> 
<col width="" style="display:none;" /> 
<col width="190" /> 
<col width="160" /> 
<col width="100" /> 
<col width="170" /> 
<col width="120" /> 
</colgroup> 
<thead> 
<tr> 
<td></td> 
<td>heading1</td> 
<td>heading2</td> 
<td>heading3</td> 
<td>heading4</td> 
<td>heading5</td> 
</tr> 
</thead> 
<tbody runat="server" id="tbody"> 
<tr> 
<td style="display: none;">id</td> 
<td><div style="float:left; width:15px; height:1.15em; text-align:right; padding-right:8px;"><img src="" alt="" title="" /></div><div style="clear:right; text-align:left; overflow:hidden;" title="">some value</div></td> 
<td><div style="overflow: hidden; height:1.15em;" title="">some value</div></td> 
<td><div style="overflow: hidden; height:1.15em;">some value</div></td> 
<td><div style="overflow: hidden; height:1.15em;">some value</div></td> 
<td><div style="overflow: hidden; height:1.15em;">some value</div></td> 
</tr> 
</tbody> 
</table> 

Answer 1

Ну, ваша разметка показана чуть недействителен, так как вы пропустили открытие <tr> тег в <tbody>. Я бы сказал, что IE10 фактически отображает правильно.

Answer 2

Браузер ведет себя правильно. В стилях specification для col tag указано, что единственными их стилями являются border, background, width и visibility. Вы используете display, который не поддерживается. В вашей строке заголовка первая ячейка явно не установлена ​​display:none, но в вашей строке содержимого она есть.

К счастью, есть специальное значение collapse для visibility стиля для колонн (на самом деле, единственное допустимое значение для Col тега), который ведет себя так же, как display:none. Это appears to work, как вы этого хотите.