CSS renders differently on web server than on development environment

by

Looks like you are comparing them in Internet Explorer 8. Microsoft introduced different rendering modes for local and Internet servers so that web developers would break down in tears.

If there’s no X-UA-Compatible value and site is in
Local Intranet security zone, it will be rendered
in EmulateIE7 mode by default.

Add X-UA-Compatible header or META to force full IE8 standards mode.

See also http://sharovatov.wordpress.com/2009/05/18/ie8-rendering-modes-theory-and-practice/

More Related Contents:

  1. How to make attractive button using CSS
  2. How to create one vertical column in between rows in Flexbox [closed]
  3. Center multiple images horizontally in CSS
  4. How to apply a CSS filter to a background image
  5. Select every Nth element in CSS
  6. Transparent text cut out of background
  7. Remove blue border from css custom-styled button in Chrome
  8. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  9. Is there a way to make a child DIV’s width wider than the parent DIV using CSS?
  10. React.js inline style best practices [closed]
  11. Internet Explorer’s CSS rules limits
  12. CSS background opacity with rgba not working in IE 8
  13. Can I position an element fixed relative to parent? [duplicate]
  14. IE8 :nth-child and :before
  15. What does the dot mean in CSS?
  16. Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
  17. Can we use any other TAG inside along with ? [duplicate]
  18. -webkit-margin adds unwanted margin on texts
  19. How to align nav items to the right in Bootstrap 5?
  20. Why adding version number to CSS file path?
  21. What is the value of the css ‘ex’ unit?
  22. How to Identify Microsoft Edge browser via CSS?
  23. Can I define a class name on paragraph using Markdown?
  24. up/down arrow key issue with typeahead control (angular bootstrap UI)
  25. Center fixed div with dynamic width (CSS)
  26. How to use images in css with Webpack
  27. flexbox vs tables, why do we need flexbox?
  28. Sass and rounding down numbers. Can this be configured?
  29. SASS calculate HSL Difference between 2 colours
  30. How to style menu button and menu items

Leave a Comment