CSS影響AJAX控件

有一個問題試圖找出爲什麼這會影響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

來源

2014-11-04 Tsukasa

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

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

table 
{ 
    ... 
    width:752px; 
}

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

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

或

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

來源

2014-11-04 12:54:10 Turnip

CSS影響AJAX控件

回答

相關問題