jQuery-UI主题 - CSS大小差异

Question

当在网站(主题浏览器)上使用jQueryUI示例时,事情看起来很棒.但是,当我将代码和主题放入我的应用程序时,大小调整是不合适的(我正在尝试使用Redmond主题).

关于为什么这些样品看起来如此不同的任何想法？在我构建的应用程序中,只有一个CSS引用用于Redmond主题......下面这些图像正是它们如何呈现给浏览器.

我的申请:
替代文字http://www.imageunload.com/public/14462/jQueryUI.png

jQuery UI示例:
alt text 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>

Firebug视图:

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

Answer 1

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

编辑:

您正在寻找的部分不是生成的HTML,虽然这很重要,但更多的是实际应用的样式:

Firebug Style Tab http://labs.pathf.com/ajax/blogposts/05052008/Firebug_Style_Tab.jpg

您将看到正在应用的样式,而已分配但未应用的样式将被显示出来.您可能会在此窗口中看到一些样式.他们很可能是罪魁祸首.通过使它们更具体来修复它们,你的日历应该是好的.