我是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格式确实显示在母版页上,但从不在内容页面中显示。
答案 0 :(得分:0)
使用Visual Studio的已知问题(如果这是本例中发生的情况)。确保应用正确路径的方法是将CSS文件从解决方案资源管理器拖到母版页的头部(在设计视图中)。