title: css not working properly in masterpages
body: <p>I'm having trouble setting up the href of my CSS.</p>
  
  <p>My projected is located at </p>
  
  <pre><code>www.mysite.com/myproject/
  </code></pre>
  
  <p>My css is located at</p>
  
  <pre><code>www.mysite.com/myproject/styles/css/css.css
  </code></pre>
  
  <p>When I'm at <code>www.mysite.com/myproject/</code>, everything works fine. but when i go into a directory, <code>(www.mysite.com/myproject/dir1/)</code> the css is no longer found. My guess is that it's looking for the css at <code>www.mysite.com/myproject/dir1/styles/css/css.css</code>. </p>
  
  <p>I'm currently using master pages. How do I properly reference the css?</p>
  
  <p><strong>Edit</strong>:
  This is currently how i reference my CSS.</p>
  
  <pre><code>link rel="stylesheet" type="text/css" href="/content/css/bootmetro.css"
  </code></pre>
  
  <p>but it doesn't work properly because the project is not located at the root (www.mysite.com). it is located at <code>www.mysite.com/myproject/</code>. So having the "/" causes the css not to load at all.</p>