Question

I have an ASP.net master page. In this master, I have all my css and javascript files defined. I also have a few images and a few buttons and hyperlinks.

All the urls are all declared as relative ie “/scripts/ian.js”

Everything works fine if this site is the root website, but I need it to work in a virtual directory.

My problem is when I place this website in a virtual directory under a root site, all my links are pointing to the root site. so my links point to http://www.root.com/scripts/ian.js but it should be pointing to http://www.root.com/virtualDir/scripts/ian.js

I thought the Base Href tag in the header would help, but so far it does not seem to be helping in anyway. All the links are still pointing to the root website when i hover over them.

What I would like is a single setting either in IIS or the config file that I can set a root url and any image, script or link either on the master page or content page, would point to the right place.

Any suggestions or ideas are welcome.

Thanks

Answer 1

All the urls are all declared as
relative ie “/scripts/ian.js”

Those seem to be absolute URL’s that you’re using, rather than relative URL’s, which is probably why the <base /> tag isn’t having the desired effect:

This attribute specifies an absolute
URI that acts as the base URI for
resolving relative URIs.

— from http://www.w3.org/TR/html401/struct/links.html#h-12.4

You could try removing the leading ‘/’ from your URL’s to see if that works?

Failing that, I tend to use ResolveClientUrl to get around issues like this, which you’d use in the same way as others have suggested using ResolveUrl:

<script type="text/javascript" src="<%= ResolveClientUrl("~/path/to/js") %>"></script>
...
<img src="<%= ResolveClientUrl("~/path/to/img") %>" alt="..." />

Hope this helps.