0

JsDatePickを使用しようとしました。

ツールで提供されるサンプル HTML は、FireFox と IE8 の両方で問題なく動作しました。

ただし、既存の構造と CSS を使用して自分の HTML ページでピッカーを使用しようとすると、次のようになります。

  • 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 の競合) 問題をトラブルシューティングするために必要な手順は何ですか?

    ページには独自のスタイルシートがありますが、そのうちの 1 つは 100% クラス限定のスタイルであり、2 番目のスタイルにはいくつかのグローバル スタイルがありますが、位置が定義されているものはなく、クラス固有ではないスタイルはbodyおよびのフォント スタイルですh1。

4

1 に答える 1