Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Member
17 Points
37 Posts
May 02, 2012 02:25 PM|LINK
i have a masterpage with the following code
<head runat="server"> <link href = "../../Styles/Administrator.css" rel = "Stylesheet" type = "text/css" /> <script src ="../../Scripts/JScript.js" type="text/javascript"></script> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> </head> <asp:ContentPlaceHolder ID="cphForAdminMenuExtensions" runat="server"> </asp:ContentPlaceHolder>
i have 2 contentpages. and there code are as follows
content page 1
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Account/Administrator/Administrator.Master" CodeBehind="BookList.aspx.vb" Inherits="UTM_Online_Library.BookList" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="cphForAdminMenuExtensions" runat="server"> <div class = "dvSearch"> <asp:TextBox ID = "txtSearch" runat = "server" BackColor = "White" Height = "25" Width = "450" Font-Size = "Medium" BorderColor = "silver" BorderStyle = "solid" style = "border-width:thin" onFocus = "this.style.borderColor='blue'" OnBlur="this.style.borderColor='black'"/> <asp:Button ID = "btnSearch" runat = "server" Text = "Search" Height = "30" /> </div> <div class = "dvGrid"> </div> </asp:Content>
content page 2
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Account/Administrator/Administrator.Master" CodeBehind="AddBook.aspx.vb" Inherits="UTM_Online_Library.AddBook" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="cphForAdminMenuExtensions" runat="server"> <div class = "dvContent"> <table class = "tblContent" border = "0"> </table> </div> </asp:Content>
my CSS
.dvSearch { position:absolute; top:30px; left:155px; } .dvGrid { position:absolute; top:62px; left:155px; } .dvContent { position:absolute; top:80px; left:155px; }
the layout and formatiing of content page 1 is ok. but when i load content page 2, formatting is not applied. can someone sort this for me please. thank you in advance
darksyfer
Member
17 Points
37 Posts
Issue with CSS in masterpage and contentpage
May 02, 2012 02:25 PM|LINK
i have a masterpage with the following code
<head runat="server"> <link href = "../../Styles/Administrator.css" rel = "Stylesheet" type = "text/css" /> <script src ="../../Scripts/JScript.js" type="text/javascript"></script> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> </head> <asp:ContentPlaceHolder ID="cphForAdminMenuExtensions" runat="server"> </asp:ContentPlaceHolder>i have 2 contentpages. and there code are as follows
content page 1
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Account/Administrator/Administrator.Master" CodeBehind="BookList.aspx.vb" Inherits="UTM_Online_Library.BookList" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="cphForAdminMenuExtensions" runat="server"> <div class = "dvSearch"> <asp:TextBox ID = "txtSearch" runat = "server" BackColor = "White" Height = "25" Width = "450" Font-Size = "Medium" BorderColor = "silver" BorderStyle = "solid" style = "border-width:thin" onFocus = "this.style.borderColor='blue'" OnBlur="this.style.borderColor='black'"/> <asp:Button ID = "btnSearch" runat = "server" Text = "Search" Height = "30" /> </div> <div class = "dvGrid"> </div> </asp:Content>content page 2
<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Account/Administrator/Administrator.Master" CodeBehind="AddBook.aspx.vb" Inherits="UTM_Online_Library.AddBook" %> <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="cphForAdminMenuExtensions" runat="server"> <div class = "dvContent"> <table class = "tblContent" border = "0"> </table> </div> </asp:Content>my CSS
.dvSearch { position:absolute; top:30px; left:155px; } .dvGrid { position:absolute; top:62px; left:155px; } .dvContent { position:absolute; top:80px; left:155px; }the layout and formatiing of content page 1 is ok. but when i load content page 2, formatting is not applied. can someone sort this for me please. thank you in advance