Ext-JS 1.1日期字段和Firefox 3.x / IE 8的问题

时间:2010-04-12 14:40:16

标签: extjs

100%我正在为使用Ext-JS 1.1的客户端修改旧网站,我在IE中显示日期字段时遇到问题,尤其是Firefox。该网站以前处于半实施状态,因此以前没有出现过问题。

在Chrome和Safari中,一切看起来都很好,而且日期选择器会下降并正确显示。但是在Firefox中,选择器显示为加宽以覆盖最大可滚动浏览器宽度(确实非常宽),并且在IE中它被截断为应该的宽度的大约三分之二。

我有点不确定这是由于我们的CSS,但由于Chrome和Safari工作正常,我认为它可能是Ext-js本身的问题。我意识到这是Ext-JS的旧版本,但是因为其他一切正常,我不想去升级的麻烦,除非那会非常简单(但这有多难?)

我自己不使用ExtJS,这是我的客户唯一拥有的网站 - 所以我真的在寻找最简单的解决方案。

编辑: 几乎按照bmoeskau的答案解决但改变了

table.x-date-inner {
    width: 100%;
    table-layout:auto;
}

table.x-date-inner {
    width: 200px;
    table-layout:auto;
}

将之前的宽度从100%更改为适用于Firefox的固定px值。 IE中的下拉列表仍然被截断,但我可以接受这一点,并向我的客户说明他需要升级JS库来解决这个问题

1 个答案:

答案 0 :(得分:1)

与2.x相比,这与FF 3.x中表格的呈现方式有关。你应该能够在Ext CSS之后的任何地方添加这个CSS修复程序(我想想 - 这是来自内存,因为Ext论坛目前没有加载):

table.x-date-inner {
    table-layout: fixed;
}

你应该告知你的客户端Ext 1.x已经正式支持了很长一段时间,因此随着浏览器的不断发展,这样的其他问题很可能会出现。