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

Popular posts from this blog

monitor web browser programmatically in Android? -

Shrink a YouTube video to responsive width -

wpf - PdfWriter.GetInstance throws System.NullReferenceException -