css not working in certain section of master page but working in separate web form asp.net -


i have created master page basic login page , applied css in it. styles background , footer only, other divs not applied.

so decided create web form , copied without contentplaceholder works

my css code: http://pastebin.com/raw.php?i=0n6szl5p

my css working web form code: http://pastebin.com/raw.php?i=qrvttgqn

master page code: http://pastebin.com/raw.php?i=c2lh0sre

and content login page: http://pastebin.com/raw.php?i=gdqpwnvx

i'm newbie in asp , i'm not trolling. if silly mistake please point out , me

based on stylesheet, problem master page should have wrapper <div> surrounds of nested elements.

a lot of <div id="xx"> elements should changed <div class="xx"> stylesheet css class definitions. e.g.

from:

<div id="top" runat="server"> 

and..

<div id="mainpage" runat="server"> 

and..

to:

<div class="top"> 

and..

<div class="mainpage"> 

and..

<div class="footer"> 

complete master page changes

<%@ master language="c#" autoeventwireup="true" codebehind="demo.master.cs" inherits="ui.master.demo" %>  <!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 id="head1" runat="server">     <link href="../css/site.css" rel="stylesheet" />     <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" />     <script src="//code.jquery.com/jquery-1.9.1.js"></script>     <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>     <title>demo</title> </head> <body>     <form id="form1" runat="server">         <div>             <div class="top">                 <div class="topmiddle">                     <div class="logreg" id="login_reg" runat="server">                         <a href="~/my_account/demo_login.aspx" class="toptext" runat="server">login</a> &nbsp; &nbsp;                     <a href="~/my_account/demo_register.aspx" class="toptext" runat="server">register</a>                     </div>                     <div class="userlog" id="user_logout" runat="server" visible="false">                         welcome<asp:label id="username" runat="server">!</asp:label>&nbsp; &nbsp;                 <a id="a3" href="logout.aspx" class="atypesty" runat="server">logout</a>                     </div>                 </div>             </div>             <div class="mainpage">                 <table class="maintable">                     <tr>                         <td>                             <img src="../images/logo.jpg" class="logo" />                         </td>                         <td class="menucenter">                             <ul id="nav">                                 <li>                                     <a href="#">home</a>                                 </li>                                 <li id="navprofile" runat="server">                                     <asp:linkbutton id="lnbtn_profile" runat="server"></asp:linkbutton>                                 </li>                                 <li>                                     <a href="#">about us</a>                                 </li>                                 <li>                                     <a href="#">contact us</a>                                 </li>                             </ul>                         </td>                     </tr>                 </table>                 <asp:contentplaceholder id="demo" runat="server"></asp:contentplaceholder>              </div>             <div class="footer">                 <p>all words, images , code copyright ©2014 demo.com. rights reserved.</p>             </div>         </div>     </form> </body> </html> 

Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -