jQuery-UI 主题 - CSS 大小差异

当使用jQueryUI http://www.jqueryui.com/home网站上的示例（主题浏览器 http://www.jqueryui.com/themeroller）事情看起来很棒。但是，当我将代码和主题放入我的应用程序中时，大小调整完全不正常（我正在尝试利用 Redmond 主题）。

关于为什么这些样本看起来如此不同有什么想法吗？在我构建的应用程序中，只有 1 个用于 Redmond 主题的 CSS 引用...下面的这些图像正是它们呈现到浏览器的方式。

我的应用程序：
替代文本 http://www.imageunload.com/public/14462/jQueryUI.png http://www.imageunload.com/public/14462/jQueryUI.png

jQuery 用户界面示例：
替代文本 http://www.imageunload.com/public/14463/jQueryUI-Sample.png http://www.imageunload.com/public/14463/jQueryUI-Sample.png

我的申请代码：

<div>
    <asp:TextBox ID="txtDateSample" runat="server"></asp:TextBox>
</div>
</form>
<script type="text/javascript" language="javascript">
    $(function() {
        $('#<%= txtDateSample.ClientID %>').datepicker({
            showButtonPanel: true,
            showOn: 'button',
            buttonImage: '../Graphics/Icons/calendar.png',
            buttonImageOnly: true
        });
    });
</script>

Div 的 Firebug 视图：

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"/>

这曾经发生在我身上。这是因为您的某些样式无意中影响了日历 div。获取 Firebug 并检查日历中应用了哪些样式。然后编辑主题以覆盖您的样式正在执行的任何操作。

EDIT:

您正在寻找的部分不是生成的 HTML，尽管这很重要，但它更多的是实际应用的样式：

_{(source: pathf.com http://labs.pathf.com/ajax/blogposts/05052008/Firebug_Style_Tab.jpg)}

您将看到正在应用的样式，而已分配但未应用的样式将显示为删除。您可能会在此窗口中看到一些样式。他们很可能是罪魁祸首。通过使它们更具体来修复它们，您的日历应该可以正常使用了。