ansaurus

Question

Why is my Style Sheet Going HayWire on MVC?

Answer 1

+3 A:

../../Content/Test.css is a relative URI, and means "look for a folder called Content in the parent folder of the parent folder of the current location, and in that folder find a file called Test.css.

When you only enter a category, you're looking for a sibling of the Dept folder called Content. When you enter a name as well, you're looking for a sibling of the Invoice folder.

Perhaps you want to use /Content/Test.css as the path to your stylesheet instead.

Dominic Rodger 2009-09-28 14:54:10

perfect... thanks alot!

2009-09-28 15:06:54

Use Url.Content to reference the css. Don't use hardcoded path, because it will break if you publish the site under a subfolder of the root. Url.Content handles this automatically.

DSO 2009-09-28 18:24:36

Answer 2

A:

That's because your current path is treated as a nested folder hierarchy and the relative path simply does not work (your css is being search for in Dept/Invoice/Content/Test.css or something like this, which is obviously incorrect). This is a common situation with style and script files, especially when they are placed in the master page.

The right thing to do in this situation is to use Url.Content as explained in this thread. Imho this works better than an absolute path.

Saulius 2009-09-28 15:02:31

Answer 3

A:

change this line:

<link rel="Stylesheet" type="text/css" href="../../Content/Test.css" />

to this :

<link rel="Stylesheet" type="text/css" href="<%=ResolveUrl("~/Content/Test.css") %>" />

Richard 2009-09-28 15:05:18

ansaurus

tags:

views:

answers:

Why is my Style Sheet Going HayWire on MVC?

related questions