: 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
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?
More posts by @Angie530
1 Comments
Sorted by latest first Latest Oldest Best
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.