Geek Answers Handbook

IE - differences in behavior between a system deployed locally and remotely

I have wired problems in IE. While I'm browsing an asp.net mvc application that is being deployed locally, everything works as expected. Some annoying differences appear when I look at my system when it is deployed on different hosts.

In both cases, I use the same instance of IE that is installed locally on my main computer.

Suppose I defined a class in a css file:

.field-required:before { color: red; content: "*"; font-weight: bold; }

I also have a simple label that uses this class:

 <label class="field-required" for="UserName"> Username </label>

When the system is deployed locally, this code is displayed as follows:

http: // localhost / system / page

enter image description here

The same code deployed on a remote server (named host2), accessible from the second tab of my IE browser, installed locally on my main computer, displays the following:

http: // host2 / system / page

enter image description here

Why is the red star not shown in the second case? As long as I use firefox, everything works as expected. Is there any security policy or something else enabled when accessing remote pages in IE that disables some features? Yesterday I had a problem with JSON that was not recognized when I was browsing my system remotely. Everything worked when the same system was deployed locally. But still I use the same instance of IE. So how is this the same browser what happens?

UPDATE

This is the whole source.

 <!DOCTYPE html> <html> <head> <style> .field-required:before { color: red; content: "*"; font-weight: bold; } </style> </head> <body> <div><label class="field-required" for="UserName">Username</label></div> <div><input id="UserName" name="UserName" type="text" value="" /></div> </body> </html>

Caching is not a problem

+3
source share
2 answers

The content property works in IE8 but does not work in IE7.

Therefore, I am sure that your page is displayed in IE8 mode locally, but on your other server it is displayed in IE7 compatibility mode.

You can open the page from both places, press F12 and see the “Document Mode” setting to see this.

These may be different reasons.

See: http://hsivonen.iki.fi/doctype/#ie8modes

The most likely reason is that you clicked the IE7 Compatibility Mode button in IE.

You can "quickly fix" the problem by adding this meta tag:

 <meta http-equiv="X-UA-Compatible" content="IE=edge" />

If not, look down this list in the link and see what the reason is.

+2
source

Assuming everything is being deployed, and that it is IE 8, I assume that it could be a compatibility mode. Our sites often do not "give" QA due to the same problem - no matter how many times I tell the QA team to check compatibility mode!

By default, IE8 shows intranet sites in compatibility mode, which means you can get differences when deploying to non-intranet. Equally, it could be manual overrides (ie, “My machine,” but not this, or even “not my machine,” but everything else) in compatibility mode causing the problem.

Check compatibility mode locally and remotely and make sure they are the same. If not, install it the same way when viewing on a remote computer.

Then look at configuring IE to not use the default compatibility mode if that is what it was doing.

If not, then it may be caching or something is not deployed.

I would make sure everything is being deployed, the IE cache is empty and trying again.

+1
source

More articles:


All Articles