在我的页面中使用时,JsDatePick的数据选择器在IE8中看起来全部破损

时间:2012-05-13 23:00:47

标签: internet-explorer-8 datepicker css

我尝试使用JsDatePick

随工具提供的示例HTML在FireFox和IE8中都运行良好

然而,当我尝试在我自己的HTML页面中使用具有现有结构和CSS的选择器时:

  • 在FireFox中它工作正常(选择器显示为输入字段旁边的日历)

  • 在IE8中,选择器作为日期的垂直列,在我的页面下方(例如,您需要向下滚动才能看到它),例如。

     ----------------------------------------------
     | My main page DIV, sized ~100% page height  |
     |                                            |
     |                  <INPUT FIELD>             |
     |                                            |
     |                                            |
     |                                            |
     |                                            |
     |                                            |
     |                                            |
     ----------------------------------------------
          ---- BOTTOM OF PAGE HERE ---
    
                         [1]      <-- This was meant to be a 5x7
                         [2]      <-- calendar pop-up appearing
                         [3]      <-- under the INPUT FIELD
                         [...]    <-- NOTE that the horizontal position is correct,
                         [30]     <-- Fully aligned with INPUT FIELD
    

不幸的是,我还不足以让CSS专家开始了解如何排除故障。

  1. 如果有人使用过JsDatePick,并遇到了这个问题,那么任何有关如何修复的想法都会受到赞赏

  2. 除此之外,我需要采取哪些步骤来解决此问题(看似CSS冲突)问题?

    该页面有自己的样式表,但其中一个是100%类限制样式, 而第二个具有一些全局样式,但没有定义位置,任何非特定于类的样式都是bodyh1的字体样式。

1 个答案:

答案 0 :(得分:0)

我想出了为什么选择器没有正确显示的直接实际问题。

示例HTML文件具有以下必须使用的DTD声明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

为什么选择器不能用纯HTML工作还不清楚。