2014-11-04 1 views
0

有一個問題試圖找出爲什麼這會影響AJAX控件的方式。 當我刪除CSS文件時,它顯示正確。CSS影響AJAX控件

CSS文件

.tdMain 
{ 
    width:452px; 
    font-family:Arial; 
    font:bold,small; 
} 

.tdInput 
{ 
    width:324px; 
    font-family:Arial; 
} 

.center 
{ 
    margin-left:auto; 
    margin-right:auto; 
    width:50%; 
} 

table 
{ 
    border-collapse: separate; 
    border-spacing: 0; 
    border: 0; 
    width:752px; 
} 

ASPX

<tr> 
    <td class="tdMain">Date:</td> 
    <td> 
     <asp:TextBox ID="txtDate" runat="server" ReadOnly="true"></asp:TextBox> 
     <asp:ImageButton ID="imgPopupDate" ImageUrl="~/Images/calendar.png" ImageAlign="Bottom" runat="server" /> 
     <ajaxToolkit:CalendarExtender ID="cDate" PopupButtonID="imgPopupDate" runat="server" TargetControlID="txtDate" Format="MM/dd/yyyy"/> 
    </td> 
</tr> 

enter image description here

+0

這是因爲CSS的名字像你那裏的表,它影響所有的表,試圖給它獨特的名字可能 – 2014-11-04 12:54:13

回答

1

CalendarExtender生成table。您正在將頁面上的所有表格設置爲752px的寬度,包括由CalendarExtender生成的表格。

table 
{ 
    ... 
    width:752px; 
} 

你需要更具體的你的CSS選擇器。給表,你希望有一個設置寬度classid並使用它作爲選擇器。

table.myTable 
{ 
    ... 
    width:752px; 
} 

table#myTable 
{ 
    ... 
    width:752px; 
}