Css is not working properly in asp.net mvc3 Razor Views

Question

I have a application on asp.net mvc3 and working in a razor view. On my layout page I attach a css file and put some css in that file, but when I access /Account/LogOn view the css is not working.
It only works if I attach the css on Logon view. Anyone know why my css attached on the layout page is not working on /Account/LogOn?

I also tried by including following code:

@{
Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "xyz.com – Login";
 }

It is still not working. Thanks in advance

amesh · Accepted Answer · 2012-10-11 09:37:51Z

5

Refer your css using url helper like this

<link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/default.css")"  media="screen" />

edited Oct 11, 2012 at 9:37

answered Oct 11, 2012 at 9:26

amesh

1,3293 gold badges23 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

smart boy Over a year ago

Great , it works !!!!!! but what is the reason why it not work on normal html way ?

AliRıza Adıyahşi Over a year ago

Because of root folder resolving. When you use html it cant find css file, because logOn view is in different folder. Html helper always find root.

StuartLC · Accepted Answer · 2012-10-11 09:28:08Z

3

In your _layout.cshtml, ensure that you use a path referencing the root (~) of your application. Use @Url.Content() to escape the path:

<link href="@Url.Content("~/Content/css/styles.css")" rel="stylesheet" type="text/css" />

answered Oct 11, 2012 at 9:28

StuartLC

108k18 gold badges225 silver badges294 bronze badges

2 Comments

StuartLC Over a year ago

@smartboy Because MVC pages are dynamically created via a route, and the browser needs to go back to the server to fetch the css, it is impossible to use a static css route in _layout.cshtml which will work for different levels of path (/, /../, etc). Hence the need to reference css and js from the root, and map this with Url.Content

StuartLC Over a year ago

Erratum in above comment .. impossible to use a <del>static</del> variable css route ...

laaposto · Accepted Answer · 2014-05-01 09:11:12Z

1

Create the stylesheet under the folder Contents by the name say abc.css

Now include the stylesheet in the LayoutPage so that it is included automatically in all the pages derived from the content page.

<link href="@Url.Content("~/Content/abc.css")" rel="stylesheet" type="text/css" />

edited May 1, 2014 at 9:11

laaposto

12.2k15 gold badges60 silver badges73 bronze badges

answered May 1, 2014 at 8:44

Mukesh Sagar

113 bronze badges

Collectives™ on Stack Overflow

Css is not working properly in asp.net mvc3 Razor Views

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related