IE9奇怪的表格问题

Question

大家好，我想知道是否有人能帮忙，因为我已经束手无策了！我有一张表格，使用css进行了样式设计。在除IE9（甚至其他ie版本）之外的所有浏览器中都可以正常呈现，我不知道为什么！我甚至尝试删除所有css，但仍然出现这种情况。你们有什么想法吗？

示例html：

<tr class="altRow">
  <td style="text-align: center;"><img style="vertical-align: middle; margin: 3px 0px -3px -3px;" alt="outgoing" src="/Images/outgoing.png"></td>     
  <td>[phone]</td>  
  <td>[phone]</td>     
  <td>9325691</td>     
  <td>02/12/2011 18:21:34</td>     
  <td></td>               
  <td>02/12/2011 18:21:58</td>  
  <td></td>   
  <td>00:00:24</td>                  
</tr>

- Vince Ashby-Smith

---

你需要向我们展示屏幕截图的HTML输出。 - Emir Akaydın

你是否使用jQuery / Ajax创建那个表格？ - Emir Akaydın

表格正在被MVC渲染。 - Vince Ashby-Smith

没有完整的HTML表格输出很难提供帮助。 - anderssonola

Answer 1

这似乎是一个已知的IE9错误，由Microsoft确认。请参阅此处： http://social.msdn.microsoft.com/Forums/pl/iewebdevelopment/thread/e6f49d52-ec3f-47c5-802e-b80d1a58ed39 作为解决方法，您需要替换</td>和<td>之间的所有空格。例如，这个td块；

  <td>9325691</td>      
  <td>02/12/2011 18:21:34</td>      
  <td></td>                
  <td>02/12/2011 18:21:58</td>

应该改为：

<td>9325691</td><td>02/12/2011 18:21:34</td><td></td><td>02/12/2011 18:21:58</td>

在我们获得IE9的问题修复之前，这似乎是唯一的解决方案。

编辑：此链接似乎像上面那个链接一样有用。

http://social.msdn.microsoft.com/Forums/da-DK/iewebdevelopment/thread/28d78780-c95c-4c35-9695-237ebb912d90

- Emir Akaydın

---

太棒了，谢谢你。我整个早上都在与IE9纠缠不清！ - Vince Ashby-Smith

目前为止，这个 bug 还没有被修复。 - Eric J.

我也遇到了同样的问题。加上<%@ page trimDirectiveWhitespaces="true" %>有帮助。当然，如果你使用JSP。 - slu

Answer 2

我在IE9上遇到了同样的问题，通过格式化代码解决了它。在我的情况下，当我尝试对数据进行排序时发生了这种情况。如果您使用支持自动格式化的IDE，请尝试使用它。我使用的是eclipse，并选择了整个代码（Ctrl+A），然后格式化它（Ctrl+Shift+F`）。

- Saad