JQuery UI DatePicker некрасиво при использовании из Google CDN

Question

Я использую Jquery впервые. Это интересно, но у меня есть некоторые проблемы с макетом.

Перво-наперво, вот сайт, который я разрабатываю: http://davedev.com.br/projects/jdc/v1/pt/reserva.php (он на бразильском португальском, но поле, на которое я ссылаюсь, помечено как «Данные»).

ОК, поэтому я использую Jquery и Jquery UI, а также тему Le Frog из Google CDN, как вы можете видеть из исходного кода сайта.

Хорошо работает, есть несколько проблем с макетом:

1 - При входе на сайт нижний колонтитул будет добавлен. Это заполнение исчезает при нажатии поля «данные» и указателе выбора даты. Это значит ... пока клиент не щелкает это поле, мы получаем уродливый нижний колонтитул.

2 - сам указатель даты отображается плохо, с некоторыми всплывающими датами в правой части указателя даты.

Оба утверждения верны для Firefox 3.6.7 и Opera 10.60. На Chrome он отображается просто отлично.

Есть идеи, как решить эти проблемы?

Answer 1

У меня проблема. Некоторые правила CSS из темы Jquery UI были просто переопределены моими правилами таблицы стилей. Я имею в виду, например, свойство цвета. У меня есть объявление в верхней части моего файла CSS. В некоторых правилах внутри темы CSS это свойство установлено, но все остальные элементы, в которых его нет, были затронуты правилами моей таблицы стилей.

Как бы то ни было, я просто установил некоторые правила для моей таблицы стилей (ширина и цвет) и все заработало нормально.

Была решена и другая проблема - мягкий нижний колонтитул. Это был DatePicker из JQuery UI. Когда он начинается, он добавляет пустое div в документ. Я просто сделал инициализацию другой. Вместо того, чтобы просто вызывать функцию datepicker напрямую, я добавил прослушиватель событий в поле Data, поэтому datepicker запускается только при нажатии, и компоновка больше не нарушается при загрузке страницы.

И, да, я использую немного HTML5, а также CSS3. Эти вещи качаются.