天天看点

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

----------母版页前台:----------------------

<head runat="server">

    <title></title>

    <link href="StyleSheet1.css" target="_blank" rel="external nofollow" 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="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >新闻旧事</a>|<a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >联

系我们</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="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >新闻旧事</a>|<a href="#" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" >联

系我们</a>|<a href='<%=ResolveClientUrl("~/Login.aspx") %>'>登录</a>

        </div>

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