カレンダーエクステンダーは、私は私のページでのAjaxカレンダーエクステンダーコントロールを使用していて、エクステンダーブロックが正しく表示されますが、それは中身がないのですが正しく

Question

を表示しませんページ上にそれを書くために使用した：

<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; 
} 

誰もこれまで見たことがありますか？誰でもそれが何であるか知っていますか？

ありがとうございました！

EDIT
私は、フロートを削除しようとしました、これはCalendarExtenderを修正するものの、それはまた、アライメントのうち、コンテナテーブル内のすべてのセルをシフトします。また、clear: both;をCalendarExtenderに設定しようとしましたが、背景が消えてしまいます。

Answer 1

オーケー、私は:)

問題は、テーブルのセルのためにそのCSSで来て、それを考え出しました。セルの幅を変更すると、Calender Extenderによって書き込まれたテーブル内のセルの幅も変更されました。この問題を回避するには

、私はテーブルの上にすべての山車を取り出して、それが子要素だと私は、カレンダーを含むセルから省略幅を設定するために新しいクラスを宣言：

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

Answer 2

私は似ていましたListViewオブジェクト内のカレンダーエクステンダーに関する問題それはスタイリングの問題のために、金曜日と土曜日はいつも断ち切っていた。私は、私のカレンダーのエクステンダ（テキストボックスとイメージを含む）をラップし、私のテーブルのCSSをオーバーライドするスタイルを割り当てて、それを回避することになった。

そして、ここにIDを適用

#calendarContainerOverride table 
{ 
    width:0px; 
    height:0px; 
} 

#calendarContainerOverride table tr td 
{ 
    padding:0; 
    margin:0; 
} 

：この方法で

<tr id="calendarContainerOverride"> 
    <td style="padding-top:10px">  
    <asp:TextBox ID="txtStart" runat="server" %>' /> 
    <asp:CalendarExtender ID="extender" runat="server" Enabled="True" TargetControlID="txtStart" PopupButtonID="imgCalendarStart" /> 
    <asp:Image ID="imgCalendarStart" ImageUrl="~/Images/Calendar.png" runat="server"/> 
    </td> 
</td> 

を、あなたのテーブルのすべてのためのスタイリングを変更する必要があり、単に厄介なカレンダーに注目していません。