Home/ Questions/Q 6705425
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T07:24:09+00:00

when I run my site on for example: /localhost/Test then the box-model and table

  • 0

when I run my site on for example: /localhost/Test then the box-model and table borders/padding/spacing etc… looks normal.

Example IE9 Box Model OK localHost: http://www.flickr.com/photos/cenesam/6243269622/in/photostream

When I run the same test site on: /my computer name/Test then IE9 goes wacky and the box-model increases padding / spacing etc…

Example IE9 BoxModel NOK Computername:
Url: http://www.flickr.com/photos/cenesam/6242752657/in/photostream

Does anyone recognize this behaviour and knows how to deal with this?
I’ve included 2 sample pictures to show the visual problem. One is with localhost one is with computer name.

Any ideas are much appreciated.
Thanks,
Joost

Finaly found the answer somewhere on the web.
Spudley (thank you!) pointed me to the right direction. This meta tag was definitly the answer!!

But what is important that IE NEEDS this tag to be the FIRST one in the Head section. My site uses a theming engine which parses the styles in the head tag and therefore it was not working.

Now I’m overriding this in web.config (webserver section) by:

<httpProtocol>
      <customHeaders>
        <remove name="X-UA-Compatible" />
        <add name="X-UA-Compatible" value="IE=Edge" />
      </customHeaders>
</httpProtocol>

And now it finaly works again.
Thank you all for thinking with me!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Check the developer tools window (press F12) to see what rendering mode is being used.

    IE has config settings which can cause it to fall back into compatibility mode in certain circumstances. One of those circumstances is when it’s run on a “local intranet site” (which includes localhost).

    Go to the IE Tools menu, and pick the “Compatibility View Settings” to change the config on this.

    To force the site to load in the correct mode regardless of this setting, you can include the following meta tag in your HTML <head>:

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

    Hope that helps.

    • 0