Asp.net 使用DIV+；CSS？_Asp.net_Css_Master Pages

Asp.net 使用DIV+；CSS？

asp.net css

Asp.net 使用DIV+；CSS？,asp.net,css,master-pages,Asp.net,Css,Master Pages,如何获取asp.net的母版页，其中包含3个部分，使用divs将窗口拆分为左窗格以进行树状视图导航。右边的主窗口将被划分为一个横幅类型的top div和它下面的一个主窗口div，用于主内容窗口，我希望在母版页实现中加载子页面有人能给我一个语法示例吗？我可能会选择这样的例子： CSS: HTML: 用背景色来区分它们，祝你好运我可能会选择这样的方式： CSS: HTML: 用背景色来区分它们，祝你好运在Stann0rz answer的基础上，以下是母版页和内容视图的外观。此示例是使用

如何获取asp.net的母版页，其中包含3个部分，使用divs将窗口拆分为左窗格以进行树状视图导航。右边的主窗口将被划分为一个横幅类型的top div和它下面的一个主窗口div，用于主内容窗口，我希望在母版页实现中加载子页面

有人能给我一个语法示例吗？

我可能会选择这样的例子：

CSS:

HTML:

用背景色来区分它们，祝你好运

我可能会选择这样的方式：

CSS:

HTML:

用背景色来区分它们，祝你好运

在Stann0rz answer的基础上，以下是母版页和内容视图的外观。此示例是使用ASP.NET MVC完成的，但将非常适用于传统的ASP.NET Webforms

母版页：

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<style type="text/css">
    body {
        margin: 0;
        padding: 0;
    }
    div#left {
        display: inline;
        float: left;
        height: 100%;
        width: 30%;
        background: #A00;
    }
    div#top_right {
        display: inline;
        float: right;
        height: 30%;
        width: 70%;
        background: #000;
    }
    div#bottom_right {
        display: inline;
        float: left;
        height: 70%;
        width: 70%;
        background: #CCC;
    }
</style>
</head>
<body>
    <div id="left">
        <ul>
          <li>Navigation Item 1</li>
          <li>Navigation Item 2</li>
        </ul>
    </div>
    <div id="top_right">
        <span>Tab 1</span>
        <span>Tab 2</span>
    </div>
    <div id="bottom_right">
        <asp:ContentPlaceHolder ID="BottomRightContent" runat="server">
    </div>
</body>
</html>


身体{
保证金：0；
填充：0；
}
左分区{
显示：内联；
浮动：左；
身高：100%；
宽度：30%；
背景：#A00；
}
右上角{
显示：内联；
浮动：对；
身高：30%；
宽度：70%；
背景：#000；
}
div#底部(右){
显示：内联；
浮动：左；
身高：70%；
宽度：70%；
背景：#CCC；
}

导航项目1
导航项目2

表1
表2

内容视图：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="BottomRightContent" runat="server">
    [Bottom-right content goes here]
</asp:Content>


[右下角的内容在这里]

基于Stann0rz答案，以下是母版页和内容视图的外观。此示例是使用ASP.NET MVC完成的，但将非常适用于传统的ASP.NET Webforms

母版页：

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<style type="text/css">
    body {
        margin: 0;
        padding: 0;
    }
    div#left {
        display: inline;
        float: left;
        height: 100%;
        width: 30%;
        background: #A00;
    }
    div#top_right {
        display: inline;
        float: right;
        height: 30%;
        width: 70%;
        background: #000;
    }
    div#bottom_right {
        display: inline;
        float: left;
        height: 70%;
        width: 70%;
        background: #CCC;
    }
</style>
</head>
<body>
    <div id="left">
        <ul>
          <li>Navigation Item 1</li>
          <li>Navigation Item 2</li>
        </ul>
    </div>
    <div id="top_right">
        <span>Tab 1</span>
        <span>Tab 2</span>
    </div>
    <div id="bottom_right">
        <asp:ContentPlaceHolder ID="BottomRightContent" runat="server">
    </div>
</body>
</html>


身体{
保证金：0；
填充：0；
}
左分区{
显示：内联；
浮动：左；
身高：100%；
宽度：30%；
背景：#A00；
}
右上角{
显示：内联；
浮动：对；
身高：30%；
宽度：70%；
背景：#000；
}
div#底部(右){
显示：内联；
浮动：左；
身高：70%；
宽度：70%；
背景：#CCC；
}

导航项目1
导航项目2

表1
表2

内容视图：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<asp:Content ID="Content1" ContentPlaceHolderID="BottomRightContent" runat="server">
    [Bottom-right content goes here]
</asp:Content>


[右下角的内容在这里]

这些东西是如何让智慧进入母版页的？以及如何在母版页中获取我希望在顶部div中加载各种.aspx页面到content div部分的链接。我是否使用内容窗格而不是div？您是否研究过如何定义母版页及其内容？这些东西是如何使WIT进入母版页的？以及如何在母版页中获取我希望在顶部div中加载各种.aspx页面到content div部分的链接。我是否使用内容窗格而不是div？您是否研究过如何定义母版页及其内容？如果我有4个指向内容页的链接，可以让它们加载到右下窗格的内容中，我如何做到这一点？我希望在maser页面部分的顶部标题中有类似于选项卡的链接，并让它控制其他.aspx页面作为页面主div/content部分内容的加载。因此，一个母版页包含3个部分，主部分预填充其他包含内容的页面。如果我理解正确，您希望左侧导航和顶部选项卡在每个页面上保持不变。唯一需要更改的是BottomRightContent中的内容。只需将导航和选项卡HTML直接添加到母版页，即可完成此操作。然后，每个内容页将仅包含对BottomRightContent的引用。编辑代码示例以在母版页中包含静态导航和选项卡内容。如果我有4个指向内容页的链接，可以让它们加载到右下窗格的内容中，我如何使其成为这样？我希望在maser页面部分的顶部标题中有类似于选项卡的链接，并让它控制其他.aspx页面作为页面主div/content部分内容的加载。因此，一个母版页包含3个部分，主部分预填充其他包含内容的页面。如果我理解正确，您希望左侧导航和顶部选项卡在每个页面上保持不变。唯一需要更改的是BottomRightContent中的内容。只需将导航和选项卡HTML直接添加到母版页，即可完成此操作。然后，每个内容页将只包含对BottomRightContent的引用。编辑代码示例以在母版页中包含静态导航和选项卡内容。