Master Pages: Overriding header content

sankerbrand · July 17th, 2006, 02:36 PM

Hi,
I am building a site that uses nested master pages. I want to use a separate style sheet on the nested master. I found info on how to override the master page content and have tried to implement it, but the css on the nested page is not being recognized (it's pulling the css being used on the master page instead). The code I currently have is below. I have a feeling it is a simple fix but I've been looking at it for so long I can't see the forest for the trees!

MASTER PAGE HEAD ELEMENT:
<head runat="server" id="Head1">
    <asp:contentplaceholder id="headContent" runat="server">
     <title>Old Mutual Financial Network</title>
     <link id="omfnstyle" href="omfn.css" rel="stylesheet" type="text/css" />
      </asp:contentplaceholder>
</head>

NESTED MASTER PAGE HEAD PLACEHOLDER:
<asp:Content id="EspanolHeadContent" ContentPlaceHolderID="headContent" runat="server">
    <title>OMFN: En Espa#241;ol </title>
    <link href="~/espanol/espanol-spanish.css" type="text/css" rel="stylesheet">
</asp:Content>

Note: the css the nested page refers to is inside of another directory. However, the nested master page is in the top level directory.

Thanks,
S~

coderforrent.com · July 21st, 2006, 10:57 AM

The "~" directory shortcut is not made available to non-server side controls. It isn't that your browser is not looking for the file, it just doesn't understand the "~".... i think. :)

you could try adding runat="server" to the link and see if it parses the href property properly.

www.CoderForRent.com
Get A Computer Job!

www.ComputersComplete.com
Computer Parts & Accessories

sankerbrand · July 24th, 2006, 12:16 PM

Hi,
Thanks for the reply. You were right. I tried adding runat=server but it still didn't work. Then I replaced the "~" with traditional "../" and it worked.

Thanks again,
sankerbrand