title: ResolveUrl not working in master page in asp.net
body: <p>Ok, I have some code and sanapshot to explain my problem,</p>
  
  <p>I have a master page <code>Main.Master</code> in which I have includes all the references of <code>css</code> and <code>jquery</code> as</p>
  
  <pre><code>&lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="CTVideos.Main" %&gt;
  &lt;%@ Register Src="uc/LeftNav.ascx" TagName="LeftNav" TagPrefix="uc4" %&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;meta charset="UTF-8" /&gt;
      &lt;title&gt;Video&lt;/title&gt;
      &lt;meta name="viewport" content="initial-scale=1.0, width=device-width" /&gt;
      &lt;!-- Style Sheets --&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/bootstrap.min.css") %&gt;" /&gt;
      &lt;!-- Font Icons --&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/font-awesome.min.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/ionicons.min.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/socicon-styles.css") %&gt;" /&gt;
      &lt;!-- Font Icons --&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/hover-min.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/owl.carousel.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/animate.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/css-menu.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/loader.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/styles.css") %&gt;" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;%#ResolveUrl("~/css/responsive.css") %&gt;" /&gt;
      &lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;
      &lt;/asp:ContentPlaceHolder&gt;
  &lt;/head&gt;
  &lt;body id="index-v2"&gt;
      &lt;form id="form1" runat="server"&gt;
          &lt;uc1:LeftNav runat="server" ID="LeftNav" /&gt;
          &lt;asp:ContentPlaceHolder ID="cpl_chlid" runat="server"&gt;
          &lt;/asp:ContentPlaceHolder&gt;
      &lt;/form&gt;
      &lt;!-- Scripts --&gt;
      &lt;script src="&lt;%#ResolveUrl("~/js/wow.min.js")%&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;%#ResolveUrl("~/js/jquery-1.12.3.min.js")%&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;%#ResolveUrl("~/js/bootstrap.min.js")%&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;%#ResolveUrl("~/js/owl.carousel.min.js")%&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;%#ResolveUrl("~/js/css-menu.js")%&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;%#ResolveUrl("~/js/jquery.validate.js")%&gt;"&gt;&lt;/script&gt;
      &lt;script src="&lt;%#ResolveUrl("~/js/custom.js")%&gt;"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And in <code>Main.Master</code> page load event</p>
  
  <pre><code>public partial class Main : System.Web.UI.MasterPage
  {
      protected void Page_Load(object sender, EventArgs e)
      {
          Page.Header.DataBind();
      }
  }
  </code></pre>
  
  <p>And root directory of my project is like that</p>
  
  <p><a href="https://i.stack.imgur.com/zJ6up.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zJ6up.png" alt="enter image description here"></a></p>
  
  <p><code>WebForm1</code>, <code>WebForm2</code> and other WebForms inside the View folder are inherited from the <code>Main.Master</code> page. <code>WebForm1</code>, <code>WebForm2</code> are loaded fine as expected but all the WebForms inside View folder are not loaded properly, there design is disturbed</p>