1

IE10 にアップグレードしたため、Web ページの表が正しく表示されません。以下に例を示します。

表の先頭部分は正しく表示されていますが、表全体が 1 つの (左側の) 列またはセルに配置されているように見えます。

解決策を探しましたが、まだ有用なものは見つかりませんでした。

コードは次のとおりです。

<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>
4

2 に答える 2

0

ブラウザは正しく動作しています。col タグ スタイルの仕様では、サポートされるスタイルはborder、background、widthおよびvisibility. displayサポートされていないを使用しています。ヘッダー行では、最初のセルは明示的に設定されていませんdisplay:noneが、コンテンツ行では設定されています。

幸いなことに、列collapseのvisibilityスタイルには特別な値の があり (実際には、col タグで許可されている唯一の値です)、 と同じように動作しdisplay:noneます。あなたが望むように動作するようです。

于 2013-04-05T15:42:37.317 に答える
0

<tr>に開始タグがないため、表示されているマークアップは少し無効です<tbody>。IE10 は実際には正しく表示されていると言えます。

于 2013-04-05T07:57:14.137 に答える