Datepicker positioning issue

I didn’t look at the page, but when using absolute positioning, you need to make sure that the enclosing element you plan to position it relative to is “positioned”… usually that is accomplished by setting it to position:relative so you end up with the absolutely positioned element inside of a relatively positioned element. Now, you can set the offsets for your absolute element based on the position of the enclosing element.

I hope that makes sense…

Yes, I understand absolute positioning. The issue seems to be that the DatePicker extension generates a datepicker div that exists outside of the form, just above the closing </body> tag. The extension itself generates programmatically the absolute positioning values in a style rule that appears internally within datepicker’s html. I don’t know what parent div to set to position:relative (and I tried a few as an experiment), as the datepicker’s html is not within the form’s html. If the extension is going to use absolute positioning, wouldn’t it add a style rule of position:relative to whatever the parent div is?

Thanks,
Suzanne

Ok, looking more closely at this, the html and position of the datepicker popup is controlled by the jQuery UI Datepicker script. Probably, the script places the picker according to the position of the input element it’s attached to, but not by placing the HTML in the same element as the input field…it’s positioned by calculating the position of the input element.

So, there may be something going on on your page that makes the datepicker script place it incorrectly…I am not familiar enough with the internal workings of the datepicker to know what that might be. My guess would be it’s related to the scrolling setup your have.

Thanks for your rapid response! ??

I will look into this. What’s so odd is that the datepicker placement is just fine on the test page I linked to above, but not on the second page, which I believe has the same scrolling setup.

Thanks again!

Suzanne