日期:2014-05-17  浏览次数:20668 次

母版页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