当我尝试在我的网页中使用更新面板时,CSS无法正常工作?

时间:2012-07-28 05:58:13

标签: c# javascript asp.net css css-float

我有包含我的css主页的网页...当我在内容文件夹中添加更新面板时,母版页上的css工作正常,但同样的css在内容页面持有者中不起作用。

<%@ Page Title="District Master" Language="C#" MasterPageFile="~/webpages/MasterPage_new.master"
    AutoEventWireup="true" CodeFile="frmDistrict.aspx.cs" Inherits="webpages_frmDistrict" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <asp:ScriptManager ID="ScriptManager2" EnablePartialRendering="true" runat="server">
    </asp:ScriptManager>
    <div id="main_div">
        <asp:UpdatePanel ID="uppnl" runat="server" Mode="Conditional">
            <ContentTemplate>
                <table style="width: 100%; float: left;">
                    <tr>
                        <td style="height: 100px; width: 100%; float: left;">
                            <asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
                            <asp:Button ID="btnSearchOK" runat="server" Text="Ok" Font-Names="Verdana" Font-Size="11px"
                                Width="6%" Font-Bold="True" OnClick="btnSearchOK_OnClick" />
                            <asp:Button ID="btnRefresh" runat="server" Text="Refresh" Font-Names="Verdana" Font-Size="11px"
                                Width="11%" Font-Bold="True" OnClick="btnRefresh_OnClick" />
                            <asp:Button ID="btnClose" runat="server" Text="Close" Font-Names="Verdana" Font-Size="11px"
                                Width="9%" Font-Bold="True" OnClick="btnClose_OnClick" />
                        </td>
                    </tr>
                </table>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
</asp:Content>

1 个答案:

答案 0 :(得分:1)

这是因为ASP.NET更改了内容面板中所有元素的id,并预先设置了id="content"之类的主要名称id="body#content" 。要验证是否在浏览器中查看了查看源。

解决方案是根据生成的ID更新您的CSS。