ASP.NET MVC does not catch styles when published

Question

I have an ASP.NET MVC application that works fine when I run it on Visual Studio. But when I publish it, all the styles dont seem to work. Are there any general guidelines on why styles dont work for an MVC application when published because right now I have no clue on what is happenning??

Any ideas and suggestions are appreciated!

By styles do you mean that none of the styles from your css are getting used? — Maess
– Maess, Commented Nov 22, 2011 at 15:43
View source in your browser, do the linked CSS style sheets show up? — mxmissile
– mxmissile, Commented Nov 22, 2011 at 15:44
@Maess actually some of them do while other's don't. Thats why I said are there any general guidelines on making the styles to work! — DotNetUser
– DotNetUser, Commented Nov 22, 2011 at 15:44
I right clicked the project and published onto a file system on the same box. I then add an application to IIS and it uses default app pool.... I am able to see the CSS folder in the published location that has all the css files. Anything that I am missing out? — DotNetUser
– DotNetUser, Commented Nov 22, 2011 at 15:47

Jan · Accepted Answer · 2011-11-22 19:22:59Z

4

There are many reasons why your css styles might not show up.

Caching: Maybe your browser use a cached version of your css file(s). Check with fiddler or clear the browsers cache
Wrong relativ path to the css file(s): You should specify relative paths when including css files in your views (use Url.Content("~/...") for getting the right url). This is an issue when you use not the same path on your IIS and your IDE.

But the first check in any cas is to run fiddler and see

Is the browser requesting the right css file(s)
Is the server returning the file or a 404, 304, ... status code

edited Nov 22, 2011 at 19:22

answered Nov 22, 2011 at 15:57

Jan

16.1k5 gold badges38 silver badges60 bronze badges

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

2 Comments

DotNetUser Over a year ago

Okay, I have checked using Fiddler and I am getting a status of 200 for the css files and the javascript.

Jan Over a year ago

Then you have to provide more detail. Show the css content that should be applied to an html element and show the result. As others suggested, you can use FireBug or Chrome to see which styles are applied to elements.

Muthu · Accepted Answer · 2011-11-22 15:48:46Z

2

It is possible that you have defined the styles in a new file and have not included the new css file in your project (in Visual Studio .net).

VS.Net does not publish those files which are not part of the project.

answered Nov 22, 2011 at 15:48

Muthu

2,7054 gold badges29 silver badges35 bronze badges

2 Comments

DotNetUser Over a year ago

I have actually inspected the element and this is what I see: background: none repeat scroll 0 0 transparent; But even though it says transparent the browser doesnt catch the style. It just shows a white background.

Jeroen Over a year ago

@Muthu good suggestion, happened to me more than once. @DotNetUser what happens if you try to add style like body { color: red; background-color: green; padding 300px; }, does that do anything?

Leniel Maccaferri · Accepted Answer · 2011-11-22 15:55:50Z

1

Get Firebug, inspect the element that should have the style applied and see what CSS is actually present.

Take a look at the CSS Panel and see the CSS files that are being linked (click the down arrow in the master.css as shown in the image below).

enter image description here

edited Nov 22, 2011 at 15:55

answered Nov 22, 2011 at 15:49

Leniel Maccaferri

103k48 gold badges381 silver badges495 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC does not catch styles when published

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