Up til now, I wasn’t having any problems with the nested master pages in the site I’m developing at the moment. I’m using Visual Studio 2010, and ASP.NET 3.5 here.
Well, here’s the skinny:
<Site Master>
<Members Master>
Members Content Pages
This is the basic lay out. There’s the SiteMaster master page, and the MembersMaster nested in the SiteMaster, then I have the Content Pages of course. There is a CSS stylesheet linked to the SiteMaster, and a different stylesheet linked to the MembersMaster.
Now, when I view the MembersMaster page in the Designer, it looks fine. When I view one of its Content pages in designer, it’s… all discombobulated.
I resolved the issue for the moment by linking to the MemberStyle.css file in each and every Members page, but that is … nonsense. That works, but it defeats the purpose of having that Master page.
Can anyone tell me why the SiteMaster’s styles are applied consistently to all content pages, but for some reason the children of the MembersMaster page are suffering some breakdown in communication? Any insight would help much.
Thank you in advance.
Here is some of the code for your reference:
MembersStyle.css:
.Nav
{
float: left;
width: 20%;
height: 598px;
border: 2px solid #00bfff;
background-color: transparent;
font-size: 1em;
font-family: Calibri, Verdana, Helvetica, Arial, Sans-Serif;
}
.Nav ul
{
margin: 0;
padding: 0;
}
.Nav li
{
list-style: none;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
background-image: url(littlbg.png);
background-position: bottom;
background-repeat: repeat-x;
}
.Content
{
float: left;
height: 598px;
width: 77%;
background-color: transparent;
background: url(bottomBG.png);
background-position: bottom;
background-repeat: repeat-x;
border: 2px solid #00bfff;
margin-left: 10px;
}
MembersMaster.master:
<%@ Master Language="VB" MasterPageFile="~/SiteMaster.master" AutoEventWireup="false" CodeFile="MembersMaster.master.vb" Inherits="MembersMaster" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" Runat="Server">
<asp:ContentPlaceHolder ID="Head" runat="server"></asp:ContentPlaceHolder>
<link rel="Stylesheet" href="Styles/MembersStyle.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="Nav">
<ul>
<li><asp:HyperLink ID="lnkMyInfo" Text="My Information" NavigateUrl="" runat="server" /></li>
<li><asp:HyperLink ID="lnkMyRes" Text="My Reservations" NavigateUrl="" runat="server" /></li>
<li><asp:HyperLink ID="lnkFavs" Text="My Favorites" NavigateUrl="" runat="server" /></li>
<li><asp:HyperLink ID="lnkRewards" Text="My Rewards" NavigateUrl="" runat="server" /></li>
</ul>
</div>
<div class="Content">
<asp:ContentPlaceHolder ID="Body" runat="server">
</asp:ContentPlaceHolder>
</div>
</asp:Content>
MemberHome.aspx:
<%@ Page Title="" Language="VB" MasterPageFile="~/MembersMaster.master" AutoEventWireup="false" CodeFile="MemberHome.aspx.vb" Inherits="MemberHome" %>
<%-- Add content controls here --%>
<asp:Content ID="Content0" ContentPlaceHolderID="Head" runat="server">
<link rel="Stylesheet" href="../Styles/MembersStyle.css" />
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="Body" Runat="Server">
Some content here.
</asp:Content>