Вопрос по jQuery UI Datepicker

[Sufir]

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



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

[kadabrik]

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

[Sufir]

А вообще datepicker появляется над полем если под полем у него не хватает места для отображения

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

[kadabrik]

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

[Sufir]

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

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

[cyberkatze]

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

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

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

[cyberkatze]

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

.ui-widget {
  font-size:10px;
}

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

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

[fant777]

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 коде.