带有ajax的IE6表格单元格对齐问题答案

【问题标题】：IE6 Table cell alignment problem with ajax带有ajax的IE6表格单元格对齐问题
【发布时间】：2008-12-11 10:40:17
【问题描述】：

这个很奇怪，

I have a page that consists of a html table in a div called 'rates-viewer'。如果您在 IE（6 或 7）中加载此页面，您会注意到表格标题的内容向左对齐。

如果您从下拉列表中选择国家/地区，则会触发对脚本的 ajax 调用。此脚本将完全相同的 html 返回到 'rates-viwer' div 中，以替换原始表格。

奇怪的是，当它这样做的时候，表头内容是正确对齐的。

为什么加载同一个html到同一个div，会导致我的表头内容这样更正？

我假设我的 html 略有不同，我确定它是相同的。

任何人都可以帮忙解决这个问题，这让我皱起了眉头：) 我基本上需要正确排列原始 html，但我很好奇为什么会发生这种情况。

JS 有点像 jquery，它在 wp-test.php 源代码中。我的脚本叫做rates-viewer-test.php，CSS在main.css中...

【问题讨论】：

【解决方案1】：

当表格的宽度大于列的组合宽度时，您的问题在于 IE 处理列的方式。您的表格是 739 像素宽，您的 6 列是 95 像素 (95 * 6 = 570) 看起来默认的文本对齐方式是居中。删除 css 文件中列的宽度应该可以解决此问题。

顺便说一句，我查看了您的 css 文件，发现您在 3 个位置定义了这些列的宽度。事实上，看起来几乎所有事情都在重复。您在第 438、1492 和 2122 行定义了 .rates-section table th，所有这些都带有宽度分配。

【讨论】：

【解决方案2】：

您是否尝试过使用 jQuery 调用在页面加载时加载初始值？让 jQuery 调用你用来加载的函数，然后淡入这些值，应该给它们正确的对齐方式。

我找不到关于他们最初离线的具体问题。不过我只是看了一眼。

【讨论】：