Loading ...
Sorry, an error occurred while loading the content.

Calendar month header disappears when mouse hovers over cells in IE

Expand Messages
  • digeomel
    Hello everybody, I have two calendar controls inside a modal dialog. The dialog is defined as this: Title
    Message 1 of 2 , Sep 29 5:59 AM
    • 0 Attachment
      Hello everybody,

      I have two calendar controls inside a modal dialog. The dialog is defined as this:

      <div id="divMyDlg">
          <div class="hd">Title</div>
          <div class="bd">
              <form name="frmTest" id="
      frmTest" action="/whatever" method="post">
                  <input type="hidden" name="a1" id="a1" value="">
                  <div class="text">
                      Blah, blah, blah<br>
                      <div style="margin-left:auto; margin-right:auto; text-align:center;">
                          <table border="0" cellpadding="0" cellspacing="0">
                          <tr>
                              <th class="text" style="text-align:center;">Starting date</th>
                              <th class="text" style="text-align:center;">Ending date</th>
                          </tr>
                          <tr>
                              <td style="text-align:left;">
                                  <input type="hidden" name="dt_start" id="dt_start" value="">
                                  <div id="calendarStart"></div>
                              </td>
                              <td style="text-align:right; padding-left:8px;">
                                  <input type="hidden" name="dt_end" id="dt_end" value="">
                                  <div id="calendarEnd"></div>
                              </td>
                          </tr>
                          </table>
                      </div>
                  </div>
              </form>
          </div>
      </div>

      Now, the problem is that although the dialog and the calendars display correctly when the dialog is shown, in IE whenever the mouse is hovered over any of the cells in the calendar, the headers showing the months disappear! They reappear if I drag the dialog around.

      Any suggestions on what might be wrong? :-/
    • digeomel
      I m getting tired of responding to my own messages, I hope someone s reading this. [:-s] Anyway, using the DevToolBar in IE, it turns out that somehow the
      Message 2 of 2 , Oct 2, 2006
      • 0 Attachment
        I'm getting tired of responding to my own messages, I hope someone's reading this. :-s

        Anyway, using the DevToolBar in IE, it turns out that somehow the <div class="calheader"> gets displaced/moved whenever the mouse hovers over the cells to a position where apparently the z-index used does not make it visible.

        If I remove the position:relative; CSS attribute from the calheader class, the header seems to stay in place but the arrows are lost entirely.
      Your message has been successfully submitted and would be delivered to recipients shortly.