Question

If I have this in my Site.Master file:

<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />

and then go to View Source on page of my site (when deployed to actual server), it renders like this:

<link href="Content/Site.css" rel="stylesheet" type="text/css" />

But if I have a JS file in the Scripts/ folder, it doesn’t mimic the same behavior. Where is the magic? Is there some setting somewhere that is causing this?

Thanks,

~ Justin

Answer 1

I always use the Url helper to make sure.

<link href="<%= Url.Content( "~/content/site.css" ) %>"
      rel="stylesheet"
      type="text/css" />

<script type="text/javascript"
        src="<%= Url.Content( "~/scripts/jquery-1.3.2.min.js" ) %>">
</script>

In fact, I’ve actually replaced this all by HtmlHelper extensions that do the same thing.

<%= Html.Stylesheet( Url.Content( "~/content/site.css ) ) %>
<%= Html.Javascript( Url.Content( "~/scripts/jquery-1.3.2.min.js" ) ) %>