CSS不适用于IE中已部署的应用程序

Question

I have developed a small web App with MVC. I have some CSS that does work OK when in debug in visual studio ie on IIS Express

It looks like as below (now I cannot insert images, thanks to stackoverflow) When I deployed this application to my local machine, some CSS does not work.

This is how the deployed application appears. I explain, all the rounded corners are gone. and the location of some DIVs is not where it is desired. it happens in IE, Chrome is largely OK. when I check rendred css in developer tools for IE, all the "border-radius" elements appeared underlined. and position of the DIVs can be fixed by re-adjusting margins etc (which are good to go with Chrome). btw IE Version is 11.0.9600.16428 Windows 7 professional, IIS Version 7.5.76

Any clues?

Answer 1

This can be several things. But I would check the following:

• Check that all css files have been deployed and contains the styling as the source.
• Check that the mark up is the same. Try opening the two sites in different tabs and check the source.
• Check your developer tools for 404 on css/js files.
• Check for javascripts errors.
• Check if the correct doctype is set.