Web page layout becomes broken when moved to live.
- by Moses
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 v5), one for staging (IIS v5), and one for live deployment (IIS v6). 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 IIS 6 and staging is on IIS 5 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?