日历扩展程序无法正确显示

Question

我在我的页面上使用了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,但它也会移动容器表中的每个单元格不对齐.我也尝试过设置clear: both;CalendarExtender,但这会让它的背景消失.

Answer 1

好的,我已经弄明白了:)

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

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

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