title: resposive template with skel.js and asp.net mvc relative content
body: <p>I am developing an asp.net mvc application and I use <a href="http://html5up.net/minimaxing/" rel="nofollow">this</a> template for my app. For js and css resources, I use URL.Content helper method, but the problem is that css resources referenced by template loads only in home/index action and when I go to other action, browser consoles says that it cant find the resources.</p>
  
  <p>Here is what I have in my _layout.cshtml:</p>
  
  <pre><code>&lt;script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/js/config.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/js/skel.min.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/js/skel-panels.min.js")"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;noscript&gt;
      &lt;link rel="stylesheet" href="@Url.Content("~/css/skel-noscript.css")"/&gt;
      &lt;link rel="stylesheet" href="@Url.Content("~/css/style.css")" /&gt;
      &lt;link rel="stylesheet" href="@Url.Content("~/css/style-desktop.css")" /&gt;
  &lt;/noscript&gt;
  </code></pre>
  
  <p>Here is what I can see in chrome Element tab:</p>
  
  <pre><code>&lt;script src="/Scripts/jquery-1.8.3.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/js/config.js"&gt;&lt;/script&gt;
  &lt;script src="/js/skel.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/style-desktop.css"&gt;
  &lt;script src="/js/skel-panels.min.js"&gt;&lt;/script&gt;
  &lt;style type="text/css"&gt;&lt;/style&gt;
  &lt;script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;noscript&gt;
  
          &amp;lt;link rel="stylesheet" href="/css/skel-noscript.css"/&amp;gt;
          &amp;lt;link rel="stylesheet" href="/css/style.css" /&amp;gt;
          &amp;lt;link rel="stylesheet" href="/css/style-desktop.css" /&amp;gt;
      &lt;/noscript&gt;
  </code></pre>
  
  <p>And here is the error I got from console in broswer:</p>
  
  <pre><code>GET http:///myapp/test/css/style-desktop.css 404 (Not Found) skel.min.js:1
  GET http://myapp/test/css/style.css 404 (Not Found) skel.min.js:1
  </code></pre>