Вопрос по jQuery UI Datepicker
 

Прицепил к форме Datepicker (ранее с jQuery UI не работал), но ведёт он себя не так как ожидалось. Дело в том что везде в примерах, в том числе в том который скачался вмести с фреймворком он выглядит достаточно маленьким и аккуратным и появляется под полем к которому прикреплён. А у меня он выглядит монструозно и появляется над полем ввода даты (и просто перекрывает его, когда поле находится вверху страницы), хотя и использует ту-же самую таблицу стилей, что и прилагаемый пример.



Все опции просмотрел - ничего. Значит почему-то стили не совсем адекватно работают. Размер изменить в принципе не сложно - стили поковыряю, а как его заставить появляться под полем? Может кто-то сталкивался и подскажет в чём дело, куда копать?

Нужно посмотреть какие стили применились к блоку с классом ui-datepicker, скорее всего что-то там не чисто.
А вообще datepicker появляется над полем если под полем у него не хватает места для отображения

В том-то и дело, что появляется НАД полем всегда и если НАД полем не хватает места, то он просто перекрывает поле.

Причин такого поведения может быть очень много, тем более что datepicker можно совершенно спокойно изменять скриптами и стилями, причины могут быть так же в самом поле на которое назначен этот datepicker, причины могут быть связанны даже со способом позиционирования контейнера поля. Тот факт что вы скачали DatePicker с офсайта, к странице не подключено никакого другого дэйтпикера, и здесь все нормально работает говорит о том что с 90% вероятностью проблема не в самом дэйтпикере, а отлаживать все остальное за вас никто не будет.

Олаживать за меня и не надо, ковыряю помаленьку. Если у кого-то есть ещё мысли по этому поводу или информация, кроме той что здесь, буду благодарен.

updated [13.12.2010 21:09]
Разобрался в чём была проблема, хотя так и не понял почему это вызывало такое поведение... Страница по случайности была сохранена с BOM, после того как пересохранил её без BOM - Datepicker стал вести себя как положено.

перекодировка файла ни к чему не привела (((

мегаразмеры датапикера уже бесят... как можно уменьшить его масштаб??

jq UI Datepicker problem
 

частичное решение проблемы было сделано путем перезаписи класса

удалось немного снизить масштаб календаря...

хотя все равно странно.. на основании чего такое получается , при условии что код 1 в 1 был скопирован с сайта и подставлен без изменения!... )

css-код:

#ui-datepicker-div {
font: 62.5% "Trebuchet MS", sans-serif;
}

Если вдруг информация по id=ui-datepicker-div устарела (например, query-писатели изменили его в будущих версиях), то: заходим на офиц.сайт jqueryui, там выбираем в левой колонке под названием widgets пункт datepicker и видим пустое поле для ввода даты. Кликаем на него, появляется datepicker, не скрывая его, запускаем в mozilla firefox инспектор (ctrl+shift+c) и наведя мышкой на края datepicker'а видим внизу в окне кода какой указан id у главного div'а данного datepicker'a. Если он изменился, то меняем его в вышеуказанном css коде.