asp.net-ajax – 日历扩展程序无法正确显示

我在我的页面上使用了ajax日历扩展程序控件,虽然扩展程序块正确显示,但它的内容却没有：

这是我用来将其写入页面的代码：

<table class="tblForm">
    <tr>
        <td valign="top">
            <asp:TextBox runat="server" ID="txtPickupDate" AutopostBack="true"></asp:TextBox>
            <aj:CalendarExtender runat="server" ID="calPickup" TargetControlID="txtPickupDate" Format="yyyy-MM-dd">
            </aj:CalendarExtender>
        </td>
    </tr>
</table>

没有任何样式规则直接应用于CalendarExtender,但我确实有这个css可能是相关的：

.tblForm
{
    display: block;
}
.tblForm td
{
    width: 245px;
    float: left;
}

谁看过这个吗？有谁知道它可能是什么？

在此先感谢您的帮助！

编辑
我已经尝试删除浮动,虽然这修复了CalendarExtender,但它也会移动容器表中的每个单元格不对齐.我也尝试过明确：两者;到CalendarExtender,但这会使它的背景消失.

解决方法

好吧我已经弄明白了:)

问题来自表格单元格的CSS.修改单元格的宽度也会修改由Calender Extender写入的表格内单元格的宽度.

为了解决这个问题,我删除了表中的所有浮点数及其子元素,并声明了一个新类来设置宽度,然后从包含日历的单元格中省略该宽度：

.tblForm 
{
    display: block;
}
.tblForm tr.wider td,tblForm .wider
{
    width: 245px;
}

原文地址：https://www.jb51.cc/aspnet/248448.html