Mobile app version of vmapp.org
Login or Join
Angie530

: Web page layout becomes broken when moved to live I want to preface my question with the fact that I'm only a front-end web developer, so please excuse my gross lack of knowledge in this

@Angie530

Posted in: #Iis #Webserver

I want to preface my question with the fact that I'm only a front-end web developer, so please excuse my gross lack of knowledge in this area.

My company has three webservers: one for development (IIS v6), one for staging (IIS v6), and one for live deployment (IIS v5). Staging is an exact mirror of live.

When I compare the staging and live web pages side by side in Firefox (3.6), the pages are identical. However, when I compare the staging and live pages with Internet Explorer (8), there are major differences...


In staging, the squares for bulleted lists are small. In live, the squares are big.
In staging, the borders for tables are thick. In live, the borders are thin.
In staging, an ASP generated image is the proper height. In live, the image is cropped at the bottom by about 10px.


In the end, the layout on live became broken because of these tiny differences, but why?

Does the fact that live is on the older IIS 5 and staging is on the newer IIS 6 account for the small variance in display? And is there any way I can change this server side?

Also, is there any reason why Firefox displays both correctly and IE displays both incorrectly?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Angie530

1 Comments

Sorted by latest first Latest Oldest Best

 

@Angie530

To answer my own question, the problem was with how Internet Explorer handles compatibility mode on intranet sites.

Even though my web.config and my HTML code specified to always set IE=Edge (most recent rendering engine), the Internet Explorer browser itself has ultimate control over the rendering, and its default is to have intranet sites rendered in compatibility mode.

By tweaking my IE view options, I was able to reverse this rule and thus make the rendering consistent between Dev/Staging servers and Live.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme