使用侧面板的母版页

时间:2011-03-03 17:30:30

标签: asp.net html master-pages

我已经使用ASP.Net的Master Pages一段时间了。我已经能够开发具有页眉和基础内容的母版页,但从未使用侧面板成功。

此项目需要的是包含页眉和页脚内容的主母版页面。然后是另一个使用第一个母版页的母版页,其中包含剩余中间版左侧的内容。细节将向右移动,左主内容约三分之一,细节约三分之二。

如果可能的话,一个工作的例子会很好。

感谢。

鲍勃

1 个答案:

答案 0 :(得分:1)

可能在寻找嵌套的母版页吗?

的Site.Master

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="MySite.SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
  <form runat="server">
    <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
  </form>
</body>

Nested.master

<%@ Master Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Nester.master.cs" Inherits="MySite.NestedMaster" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"></asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div style="float:left;width:200px;margin-right:5px;">
        <asp:ContentPlaceHolder runat="server" ID="LeftNavigation"></asp:ContentPlaceHolder>
    </div>
    <div style="float:left;width:440px;margin-right:5px;>
        <asp:ContentPlaceHolder runat="server" ID="MainContents"></asp:ContentPlaceHolder>
    </div>
    <div style="clear:both;"></div>
</asp:Content>

Default.aspx的

<%@ Page Title="" Language="C#" MasterPageFile="~/Nested.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MySite.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="LeftNavigation" runat="server">
  <p>Left navigation content</p>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContents" runat="server">
  <p>Body content</p>
</asp:Content>