ASP.NET website looks different when deployed

问题:

I have googled around for the answer to this question, but haven't come up with anything. Maybe the search terms I used were too generic... Anyway, here goes:

I am discovering the joys of web design and ASP.NET, and the nightmare of trying to get things to display in the same way in IE and all the other browsers. I am working in VS2010 and debugging my website using IE8. What I really don't get is why the website once I publish it looks different in IE from the way it looks in debug mode... I mean small things only, like border in gridviews disappearing in the published site, simple html horizontal rules aren't the same either.

It also messed up my list menu pretty bad, but I managed to fix that with the *display: inline; hack. The weird thing is that it doesn't need it in debug mode, but needs it for the published website.

I am hosting the site on my own machine, running Win XP Pro and hosting through IIS with .NET 4.0... Could the issue be IIS related?

Any help would be much appreciated, because those differences are just ridiculous and are driving me to desperation. I wish everyone over here would use Chrome or Safari, but unfortunately IE still rules in Japan...

回答1:

I've seen similar behavior related to trusted sites/intranet sites/internet sites security settings. When you run in debug mode is the URL you are using different from when you publish it? I've seen sometimes when I debug using a URL like http://localhost/xxx and when I access the same site straight from IIS using a URL like http://machinename.domain.com/xxx that one resolves to a trusted site or local intranet and the other to internet and it changes the appearance based on the IE settings.

回答2:

This works for me, overrides the setting in ie

META Tag in HEAD element of your web page (or better in master page)

<meta http-equiv=“X-UA-Compatible” content=“IE=8” />

link here to info http://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx

回答3:

I find it better to override compatibility in the HTTP Reponse Headers in IIS, adding header:

X-UA-Compatible: IE=Edge

The IE=Edge part will set compatibility to use the highest mode available, will apply to all users, and also apply to all pages in the site whilst only having to put the header in one place.

回答4:

For those using ASP.NET MVC, you can add kgp4death's

<meta http-equiv=“X-UA-Compatible” content=“IE=8” />

to the head element in your _Layout.cshtml.

回答5:

I think you did not have given the correct path in the <script src="path">. Please check your path and also check the related file u must place this file in the project folder

I hope this suggestion solve your problem