母版页A>结构设置----html---css B〉注意母版页中还有路径的问题处理。
----------母版页前台：----------------------
<head runat="server">
<title></title>
<link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<asp:Image ID="Image1" runat="server" ImageUrl="images/logo.bmp" />
<div id="container">
<div id="header">
<h1>保钓网</h1><p>钓鱼岛是中国的！绝不允许列强侵犯！</p>
<div id="navi">
<a href='<%=ResolveClientUrl("~/Index.aspx") %>'>首页</a>｜<a href='<
%=ResolveClientUrl("~/About.aspx") %>'>关于我们</a>｜<a href="#">新闻旧事</a>｜<a href="#">联
系我们</a>｜<a href='<%=ResolveClientUrl("~/Login.aspx") %>'>登录</a>
</div>
</div>
<div id="content">
<hr />
<div id="leftSideBar">
<ul>主要内容
<li>首页</li>
<li>关于我们</li>
<li>新闻旧事</li>
<li>联系我们</li>
</ul>
<ul>友情链接
<li>宝岛军事</li>
<li>军事天地</li>
<li>铁血军事</li>
<li>百姓军事</li>
</ul>
</div>
<div id="mainContent">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<div id="footer">
<hr />
版权所有@copyright:中华保钓联合会Email:Baodiao.com.cn
</div>
</div>
</form>
</body>
-----------------StyleSheet1.css----------------------------
#container,#header,#content,#footer
{
width:950px;
margin:0 auto;
}
#header p
{
text-align:right;
margin:0 10px 0 0;
}
#navi
{
margin-left:5px;
margin-bottom:5px;
}
#content
{
position:relative;
height:500px;
}
#leftSideBar
{
float:left;
width:200px;
height:450px;
}
#mainContent
{
margin-right:300px;
}
#mainContentWrap
{
margin-right:-300px;
}
#footer
{
text-align:center;
}
对于服务端控件中涉及地址的地方均会解析为相对于母版也的地址，推荐使用服务端控件。另外可以使用
ResolveClientUrl来解析虚拟路径。
<div id="navi">
<a href='<%=ResolveClientUrl("~/Index.aspx") %>'>首页</a>｜<a href='<
%=ResolveClientUrl("~/About.aspx") %>'>关于我们</a>｜<a href="#">新闻旧事</a>｜<a href="#">联
系我们</a>｜<a href='<%=ResolveClientUrl("~/Login.aspx") %>'>登录</a>
</div>
