IE8 display differently on test server and localhost

Question

I have built a website using ext.net and it displays normally in chrome, firefox and ie when it is on localhost. However, when I run the site on a local test server, it gets visually changed.

Here it is running on localhost: Local And here on the test server: Server

Does anyone know why this happens to the buttons and why these scroll bars appear?

Thank you!

UPDATE: If i enable compatibility mode, it looks like it does on the server side. Is there a way to disable server side compatibility mode?

Note the torn-page icon in the first screen shot (http://www.seguetech.com/blog/2014/03/07/Internet-explorer-compatibility-mode) — Alex K., Sep 26 '14 at 15:52
@AlexK. that is to show compatibility mode. It is currently disabled. — starvator, Sep 26 '14 at 15:53
@StaticVariable if it is an issue with cross-browser, then why does it display fine on localhost? — starvator, Sep 26 '14 at 15:56
@AlexK. you are right, that does have something to do with it... Do you know how to disable compatibility mode from running on the server? — starvator, Sep 26 '14 at 16:00
@NullPoiиteя when the page is viewed locally in compatibility mode or on the server it displays the incorrect way. However, not in compatibility mode on localhost displays it properly. That means it wont be the CSS. — starvator, Sep 26 '14 at 17:06

score 0 · Accepted Answer · edited May 23 '17 at 10:33

I found the solution in the comments of this post.

if the site is hosted on what Microsoft considers to be "Intranet" you're screwed, it will still display in Compatibility View. Only way to override that is to uncheck "Display Intranet sites in Compatibility View" checkbox in Tools - Compatibility View settings. That default setting in IE8+ really stinks.

My compatibility view was enabled.

IE8 display differently on test server and localhost

1 Answers1