IE not rendering CSS properly when the site is located at networkdrive

by

This sounds like that problem – where IE switches rendering modes depending on where the page is located.

It’s insane.

See this answer.

http://127.0.0.1/mysite/mypage.php  <-- IE8 by default (updated!)
http://localhost/mysite/mypage.php  <-- IE8 by default (updated!)
http://machinename/mysite/mypage.php  <-- IE7 by default
http://192.168.100.x/mysite/mypage.php  <-- IE7 by default
http://google.com/  <-- IE8 by default

So, because you’re accessing your site via “network drive”, IE is going into IE7 mode, and IE7 does not support inline-block properly, hence your site does not render properly.

You can request IE8 to render your page in IE8 mode by adding this to your page:

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

Or, to request IE8 to use the most recent version of it’s rendering engine (think IE9), you should use this:

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

Or, to use Chrome Frame instead if it’s available:

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

More Related Contents:

  1. Text in a flex container doesn’t wrap in IE11
  2. CSS rotate property in IE
  3. Internet Explorer’s CSS rules limits
  4. @font-face EOT not loading over HTTPS
  5. IE display: table-cell child ignores height: 100%
  6. IE 6 & IE 7 Z-Index Problem
  7. @font-face works in IE8 but not IE9
  8. Background-image in keyframe does not display in Firefox or Internet Explorer
  9. How does one target IE7 and IE8 with valid CSS?
  10. Internet Explorer z-index bug?
  11. z-index does not work in Internet Explorer with pdf in iframe
  12. Does IE 8 have a limit on number of stylesheets per page?
  13. CSS Selector for
  14. Any way to remove IEs black border around submit button in active forms?
  15. CSS: Using raw svg in the URL parameter of a background-image in IE
  16. Flex auto margin not working in IE10/11
  17. element not working in Internet Explorer 11
  18. Custom cursor image doesn’t work in all IEs?
  19. Detecting IE version using CSS Capability/Feature Detection
  20. IE and Edge fix for object-fit: cover;
  21. How does ?#iefix solve web fonts loading in IE6-IE8?
  22. Internet Explorer @font-face is failing
  23. How to make Google Fonts work in IE?
  24. Does Internet Explorer support CSS transitions?
  25. CSS3 3D Transform doesn’t work on IE11
  26. How to fix Internet explorer 7 bug when using percentage widths for layout?
  27. with an inner not triggering :active state in IE 8
  28. IE6/IE7 css border on select element
  29. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
  30. how to make sure select option text align in the center in IE?

Leave a Comment