这个很奇怪,
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 ...
答案 0 :(得分:1)
您是否尝试过使用jQuery调用在页面加载时加载初始值?让jQuery调用你用来加载的函数然后淡入这些值,应该给它们正确的对齐。
我找不到一个特定的问题,为什么他们最初离线。我只是瞥了一眼。
答案 1 :(得分:1)
当表的宽度宽于列的组合宽度时,问题在于IE处理列的方式。你的表是739px宽,你的6列是95px(95 * 6 = 570)看起来默认文本对齐是中心。删除css文件中列的宽度应解决此问题。
BTW,我查看了你的css文件,找到了3个位置,你可以在这些位置定义这些列的宽度。事实上,看起来几乎所有事情都在重复。您可以在第438,1492和2122行定义.rates-section table th
,所有这些都具有宽度分配。