2014-11-04 70 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; 
}