CSS Style differs in Localhost vs Machine Name

Question

I am about to wrap up the implementation for my first ExtJS based application. But I am facing a weird issue at this point.

I am using ASP.net at the server and then ExtJS at the client. I noticed that, If I run this project from Visual Studio Debugger then it works nice, and in that case my browser URL was set to

http://localhost/MyApp/Home.aspx

But As soon as I open a new browser and hit

http://MyWorkStationName/MyApp/Home.aspx

it behaves slightly different. For instance, some Button Shapes are not rendered properly.

Can any body give me a clue how can I debug this issue. basically how the style can be influenced by the machine name vs localhost in URL ?

Thanks in advance!

Answer 1

I too had the same issue. This is due to the compatibility issue in ie8. go to tools->compatibility View Settings uncheck "Display intranet sites in Compatibility view.

In local host or when we run from VS. It is not in Compatibility mode. And works fine in ie or in FF. But as soon as we change the local host to hostname/machinename it is going to compatibility view(default setting). Jquery drag and drop functionality was also creating some problem. when it was running in compatibility view.

Answer 2

Use this first in header: <meta http-equiv="X-UA-Compatible" content="IE=9">