从谷歌CDN使用Jquery UI datepicker丑陋

Question

我第一次使用jquery。这很令人兴奋，但我遇到了一些布局问题。第一件事是第一件事，这里是我正在开发的网站：http://davedev.com.br/projects/jdc/v1/pt/reserva.php（这是巴西葡萄牙语，但我指的字段标注为“数据”）。

好的，所以我使用的是Jquery和Jquery UI，以及来自谷歌CDN的Le Frog主题，你可以从网站的源代码中看到。

它运作良好，有一些布局问题：

1 - 刚进入工地，使得页面页脚要被填充。单击字段“数据”并显示日期选择器时，此填充消失。这意味着......当客户端不单击该字段时，我们会看到一个丑陋的填充页脚。

2 - 日期选择器本身显示不好，日期选择器右侧的某些日期浮出。

这两个声明对Firefox 3.6.7和Opera 10.60都是正确的。在Chrome上它显示得很好。

关于如何解决这些问题的任何想法？

Answer 1

我得到了问题。 Jquery UI主题中的一些CSS规则通过我的样式表规则得到了简单的重写。我的意思是，例如颜色属性。我有一个声明在我的CSS文件之上。 CSS主题中的一些规则具有该属性集，但所有其他没有它的元素受到我的样式表规则的影响。

无论如何，我只是在我的样式表（宽度和颜色）上设置了一些规则，并且它工作正常。

另一个问题，填充页脚，也解决了。这是jquery ui的日期选择器。当它开始时，它会在文档中追加一个void div。我只是使初始化不同。我不是直接调用datepicker函数，而是将一个事件监听器添加到数据字段中，因此datepicker仅在被点击时启动，并且页面加载时布局不再中断。

而且，是的，我使用了一些HTML5以及CSS3。这些东西是岩石。