母版页中的CSS未进入内容页面

时间:2014-01-16 17:13:35

标签: asp.net css

我是ASP.NET的新手,不得不承认我在实现最基本的结果方面遇到了很大困难。

我目前无法在我的内容页面中使用CSS格式。

我的母版页如下 -

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Master_Main" %>

<!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 runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="../CSS/Main.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <div id="Container">
    <div id="Header">Header Goes Here</div>
    <div id="LeftBar">Left Bar Goes Here</div>  
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

    </asp:ContentPlaceHolder>     
    <div id="RightBar">Right Bar Goes Here</div>
    <div id="Footer">Footer Goes Here</div>   
    </div>       
    </div>
    </form>
</body>
</html>

&gt;中引用了CSS样式表。头&gt;标签,当在母版页的设计视图中,我可以看到格式化。

但是,当我根据此母版页创建内容页面时,不会进行任何CSS格式化。

<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Main.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Pages_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div>
<p>Content Goes Here</p>
</div>
</asp:Content>

“内容”页面的来源正确地引用了母版页我相信,但格式化无法正常工作。我的内容页面完全是黑白文本,位于浏览器的左侧。

我相信对于那些擅长ASP的人来说这将是一件简单的事情,但就像我说的那样,我现在正在努力解决这个问题,所以非常感谢任何帮助。

为了完整性,CSS文件如下 -

*
{
    font-family: Calibri;
}

#Header
{
    width: 100%;
    background-color: Gray;
}

#LeftBar
{
    width: 15%;
    float: left;
    background-color: Lime;
}

#Content
{
    width: 70%;
    float: left;
    background-color: White;
}

#RightBar
{
    width: 15%;
    float: left;
    background-color: Yellow;
}

#Footer
{
    width: 100%;
    float: none;
    background-color: Red;
}

在VWD的“设计”视图中,CSS格式确实显示在母版页上,但从不在内容页面中显示。

1 个答案:

答案 0 :(得分:0)

使用Visual Studio的已知问题(如果这是本例中发生的情况)。确保应用正确路径的方法是将CSS文件从解决方案资源管理器拖到母版页的头部(在设计视图中)。