IE6与ajax的表格单元格对齐问题

时间:2008-12-11 10:40:17

标签: jquery html ajax internet-explorer

这个很奇怪,

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 ...

2 个答案:

答案 0 :(得分:1)

当表的宽度宽于列的组合宽度时,问题在于IE处理列的方式。你的表是739px宽,你的6列是95px(95 * 6 = 570)看起来默认文本对齐是中心。删除css文件中列的宽度应解决此问题。

BTW,我查看了你的css文件,找到了3个位置,你可以在这些位置定义这些列的宽度。事实上,看起来几乎所有事情都在重复。您可以在第438,1492和2122行定义.rates-section table th,所有这些都具有宽度分配。

答案 1 :(得分:1)

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

我找不到一个特定的问题,为什么他们最初离线。我只是瞥了一眼。

豫ICP备18024241号-1