html - IE10 - tables - alignment not working -
since upgraded ie10, tables on webpage not shown correctly. below example:
!http://i.stack.imgur.com/xoxbt.jpg
the head section of table shown correctly seems whole body of table put in 1 (left) column or cell.
i searched solution, didn't find useful yet.
here code
<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>
well, markup shown tad invalid, you're missing opening <tr>
tag in <tbody>
. ie10 displaying correctly.
Comments
Post a Comment