您的位置：首页 > Web前端 > CSS

母版页A>结构设置----html---css B〉注意母版页中还有路径的问题处理。

2012-12-25 14:51 477 查看
----------母版页前台：----------------------

<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>

母版页A>结构设置----html---css B〉注意母版页中还有路径的问题处理。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航