css不在母版页的某些部分工作，而是在单独的Web表单asp.net中工作

时间：2014-03-24 18:56:31

标签： asp.net css

我创建了一个包含基本登录页面的母版页，并在其中应用了css。但我只为背景和页脚获取样式，其他div不适用。

所以我决定创建一个Web表单并在没有contentplaceholder的情况下复制它

我的css代码： http://pastebin.com/raw.php?i=0N6SzL5p

我的css工作Web表单代码： http://pastebin.com/raw.php?i=QrvttGqN

母版页代码： http://pastebin.com/raw.php?i=C2LH0SrE

及其内容登录页面： http://pastebin.com/raw.php?i=GdQpWnVX

我是asp的新手，我不是拖钓。 如果这是一个愚蠢的错误，请指出并帮助我

1 个答案:

答案 0 :(得分：0)

根据您的样式表，母版页的问题是您应该有一个围绕所有嵌套元素的包装器<div>。

由于样式表是CSS类定义，因此很多<div id="xx">元素应更改为<div class="xx">。 e.g。

发件人： 

<div id="top" runat="server">

和.. 

<div id="mainpage" runat="server">

和..     

要 

<div class="top">

和.. 

<div class="mainpage">

和.. 

<div class="footer">

完成母版页更改

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Demo.master.cs" Inherits="UI.Master.Demo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <link href="../CSS/Site.css" rel="stylesheet" />
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" />
    <script src="//code.jquery.com/jquery-1.9.1.js"></script>
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <title>Demo</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div class="top">
                <div class="topmiddle">
                    <div class="logreg" id="login_reg" runat="server">
                        <a href="~/My_Account/Demo_login.aspx" class="toptext" runat="server">Login</a> &nbsp; &nbsp;
                    <a href="~/My_Account/Demo_Register.aspx" class="toptext" runat="server">Register</a>
                    </div>
                    <div class="userlog" id="user_logout" runat="server" visible="false">
                        Welcome<asp:Label ID="username" runat="server">!</asp:Label>&nbsp; &nbsp;
                <a id="A3" href="Logout.aspx" class="atypesty" runat="server">LogOUT</a>
                    </div>
                </div>
            </div>
            <div class="mainpage">
                <table class="maintable">
                    <tr>
                        <td>
                            <img src="../Images/logo.jpg" class="logo" />
                        </td>
                        <td class="menucenter">
                            <ul id="Nav">
                                <li>
                                    <a href="#">Home</a>
                                </li>
                                <li id="Navprofile" runat="server">
                                    <asp:LinkButton ID="lnbtn_Profile" runat="server"></asp:LinkButton>
                                </li>
                                <li>
                                    <a href="#">About Us</a>
                                </li>
                                <li>
                                    <a href="#">Contact Us</a>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </table>
                <asp:ContentPlaceHolder ID="demo" runat="server"></asp:ContentPlaceHolder>

            </div>
            <div class="footer">
                <p>All words, images and code copyright ©2014 demo.com. All rights reserved.</p>
            </div>
        </div>
    </form>
</body>
</html>
相关问题
最新问题