Note that there are some explanatory texts on larger screens.

plurals
  1. POIE9 table has random rows which are offset at random columns
    primarykey
    data
    text
    <p>I have a page of categories, when the user clicks one, the items under that category are loaded via a jQuery Ajax call, in a table, and stuck into an element just below the category. What seems to happen though, is that one or two rows in the loaded table, will have its data offset at a random column. I have tested this in IE9, FF 3.6, and Chrome 13. This ONLY seems to happen in IE9. The tabular data is perfectly formatted - I have used Fiddler to intercept the requests and then looked at the raw html, and there's nothing wrong with it.</p> <p>The site was built in ASP.NET MVC3. The table that is returned via the Ajax request returns a Razor partial view. This has to work in IE, unfortunately. I'm really hoping someone has an explanation for this.</p> <p>Here's one example: <img src="https://i.stack.imgur.com/wPi5z.png" alt="Notice the offset on the second column"> And another: <img src="https://i.stack.imgur.com/KFAd8.png" alt="Notice the offset on the second to last column"> </p> <p>EDIT [2012/03/25]: This application has left my hands, so I am unable to verify which of the answers work. The link that Adam Youngers posted to <a href="http://social.msdn.microsoft.com/Forums/pl/iewebdevelopment/thread/e6f49d52-ec3f-47c5-802e-b80d1a58ed39" rel="nofollow noreferrer">http://social.msdn.microsoft.com/Forums/pl/iewebdevelopment/thread/e6f49d52-ec3f-47c5-802e-b80d1a58ed39</a> seemed to have some possible solutions. From past experience, I would try these options first.. </p> <ol> <li>Adding &lt;meta http-equiv="X-UA-Compatible" content="IE=8" /&gt; to the head element of the page. </li> <li>Attempt to remove any white-space between table cells. Eg. "&lt;/td&gt;&lt;td&gt;", instead of having the next cell start on a new line. (This has caused strange spacing issues for me in the past)</li> </ol>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload