Question

我遇到一个网站在不同机器上使用相同设置呈现不同的问题......

我在win7上运行IE8（8.0.7600）的6台不同机器上测试了该网站，并获得了IE想要显示网站的两种变体。有些机器在页面顶部放置了10px的边距，降低了整个布局，而其他机器则没有添加它。

所有机器都是相同的规格，相同的操作系统，相同的IE版本，所有机器都运行在IE8浏览器模式和IE8标准模式的相同组合中。

之前有其他人遇到过这个问题吗？ - 在同一设置上显示不同的东西似乎非常愚蠢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:og="http://ogp.me/ns#" xml:lang="en" lang="en">

<head id="ctl00_Head1">
<title>
    Sign in / Register
</title>
<meta property="fb:page_id" content="199610020055520" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="viewport" content="width=device-width, initial-scale=0.55" />
<link rel="shortcut icon" href="http:///Images/my/fav-icon.ico" />

    <script type="text/javascript" src="JavaScript/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        jQuery.noConflict();
    </script>

    <script type="text/javascript" src="JavaScript/Prototype1.6.0.3.js"></script>
    <script type="text/javascript">
        var submitCount = 0;
    </script>
    <script type="text/javascript" src="JavaScript/Utils.js"></script>
    <script type="text/javascript" src="/Service/Utils/MasterUtils.ashx?proxy&amp;v=2"></script>

    <style type="text/css" media="screen">
        @import url("css/reset-v1.css");
        @import url("css/my/960-framework.css");
        @import url("css/my/base-v5.css");
        @import url("css/my/question-v1.css");
        @import url("css/my/personalMentor-v1.css");
        @import url("JavaScript/My/css/custom-theme/jquery-ui-1.8.5.custom.css"); 
    </style> 
    <!--[if IE 9]>
        <link rel="stylesheet" type="text/css" href="css/my/ie9.css" />
    <![endif]-->
    <!--[if IE 8]>
        <link rel="stylesheet" type="text/css" href="css/my/ie8.css" />
    <![endif]-->
    <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="css/my/ie7.css" />
    <![endif]-->
    <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="css/my/ie6-and-down.css" />
    <![endif]-->


<style type="text/css"> 
<!-- 
@import url("/Service/Utils/dynamic-css.ashx"); 
-->
</style><script language="javascript" type="text/javascript">/* <![CDATA[ */ function PageLoad() {  } Event.observe(window, 'load', PageLoad, false); /* ]]> */</script></head>

<body>

    <noscript><p style="border:1px solid #FF0000; color:#FF0000; margin:1em; padding:0.5em; text-align:center;">NOTE: Many features on this website require Javascript and cookies. You can enable both via your browser's preference settings.</p></noscript>

    <form name="aspnetForm" method="post" action="Login.aspx" onsubmit="javascript:return WebForm_OnSubmit();" onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_MainContent_btnLogin')" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATEFIELDCOUNT" id="__VIEWSTATEFIELDCOUNT" value="2" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTA4NTA2OTA2Nw9kFgJmD2QWAgIDDxYCHghvbnN1Ym1pdAUUcmV0dXJuIHN1Ym1pdEZvcm0oKTsWAgIBD2QWBgICDxYCHgRUZXh0BXo8dWwgY2xhc3M9InRhYk5hdiI+PGxpPjxhICBjbGFzcz0ibmF2SXRlbUluYWN0aXZlIiBocmVmPSIvQ29tbXVuaXR5L05ld3NMYXRlc3QuYXNweCIgPjxzcGFuPkNvbW11bml0eTwvc3Bhbj48L2E+PC9saT48L3VsPmQCAw8WAh8BBYcBPGRpdiBjbGFzcz0ibmF2Ij48dWwgY2xhc3M9InRhYk5hdiI+PGxpPjxhICBjbGFzcz0ibmF2SXRlbUFjdGl2ZSIgaHJlZj0iL0xvZ2luLmFzcHgiIHRpdGxlPSIiID48c3Bhbj5TaWduIEluPC9zcGFuPjwvYT48L2xpPjwvdWw+PC9kaXY+ZAIGD2QWDAIDD2QWAmYPZBYCZg8WAh8BBcECPGRpdj48ZGl2IGNsYXNzPSJncmV5QmxvY2siPg0KPGgyIHN0eWxlPSJtYXJnaW4tdG9wOiAwcHg7Ij5TaWduIGluL1JlZ2lzdGVyIG5vdyB0byBlbnRlcjwvaDI+DQo8cCBzdHlsZT0ibWFyZ2luOiAwcHg7Ij5JbiBvcmRlciB0byBoYXZlIHlvdXIgZW50cnkgaW5jbHVkZWQgaW4gdGhpcyBtb250aHMgcXVpeiBwbGVhc2Ugc2lnbiBpbiBub3cuICBJZiB5b3UgZG9uJ3QgYWxyZWFkeSBoYXZlIGFuIGFjY291bnQsIHRoZW4geW91IGNhbiA8YSBocmVmPSIvTG9naW4uYXNweD9SZWdpc3Rlcj1UcnVlIj5jcmVhdGUgb25lIG5vdzwvYT4uPC9wPg0KPC9kaXY+PC9kaXY+ZAIHDw8WAh4PVmFsaWRhdGlvbkdyb3VwBQdteUxvZ2luZGQCCQ8PFgIfAgUHbXlMb2dpbmRkAg0PDxYEHghDc3NDbGFz" />
<input type="hidden" name="__VIEWSTATE1" id="__VIEWSTATE1" value="cwUIdGV4dEJveDEeBF8hU0ICAmRkAhUPDxYCHwFlZGQCGw8PFgIfAgUHbXlMb2dpbmRkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYFBRhjdGwwMCRMb2dpblN0YXR1czEkY3RsMDEFGGN0bDAwJExvZ2luU3RhdHVzMSRjdGwwMwUiY3RsMDAkTWFpbkNvbnRlbnQkcmJFeGlzdGluZ01lbWJlcgUdY3RsMDAkTWFpbkNvbnRlbnQkcmJOZXdNZW1iZXIFHWN0bDAwJE1haW5Db250ZW50JHJiTmV3TWVtYmVykV9abJNHuNgL441+VmD4iPEq9Bg=" />
</div>

<script type="text/javascript"> 
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=zU9aq3bbkSvgw3OYU-u5XFkq0l4LoCwHFr9S5FOsIgQVsWYiTTdCYCijlA302CHGLHx0sg2&amp;t=634210400612724343" type="text/javascript"></script>


<script src="/WebResource.axd?d=Zk81Z4C8G8DXldNoGNf8Z_2GBJ9XiOXkOI4Ay2XZRVzPq7F3j9b2z81RMiPp3nNPN7nzoTMK-pD_jEIu2e2oyFf9pS41&amp;t=634210400612724343" type="text/javascript"></script>
<script src="/WebResource.axd?d=0sLRI7n71fW27LNCWM9O6iqOy8v2tNXXti8hupDC0T78K82IErLD8Soi4XyPIWiwFfmJpw2&amp;t=634210400612724343" type="text/javascript"></script>
<script type="text/javascript"> 
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;return submitForm();
return true;
}
//]]>
</script>

<div>

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWCwLI7Y+4DgLh8vmTCAL+4L5OAr7C0K8NAu3vp7YPAtqmqyECwfzBkwoC78603ggCzaPcqwwCkZyKvQ8C09GzpwF2P6jZYvvVKVJpSY9a6RmiD4Hm5Q==" />
</div>

    <!--// LOADING TAB SURROUNDING DIV SET TO DISPLAY NONE AS NOT RETURNING LOGIC BREAKS THINGS //-->
    <div style="display:none">
    <div id="loading" class="loadingTab" style="display: none;">Loading...</div>
    </div>




        <div class="container_12">
            <!--// LOGO //-->
            <div class="logo grid_8">
                <a href="/Dashboard/Default.aspx">IMAGE<a>
            </div>

            <!--// SIGN IN/OUT & MY PREFS TABS //-->
            <div class="topRightControls">

                        <div class="grid_2">&nbsp;</div>
                    <a id="ctl00_LoginStatus1" class="grid_2 signInOutTab" href="javascript:__doPostBack('ctl00$LoginStatus1$ctl02','')">Sign In</a>

            </div>
            <!--// PRIMARY NAV BAR //-->
            <div class="primaryNav grid_12">
                <ul class="tabNav"><li><a  class="navItemInactive" href="/Community/NewsLatest.aspx" ><span>Community</span></a></li></ul>
            </div>

            <!--// SECONDARY NAV BAR //-->
            <div class="secondaryNav grid_12">
                <div class="nav"><ul class="tabNav"><li><a  class="navItemActive" href="/Login.aspx" title="" ><span>Sign In</span></a></li></ul></div>
                <IMAGE style="float: right; margin-top: 6px;" />
            </div>
            <div class="clear"></div>

            <!--// OLD SIDEBAR NAV //
            <div class="sideMenuNavigation">

            </div>-->

            <!--// MAIN CONTENT //-->

Answer 1

body {margin-top：0;}

在一个IE8条件样式表中修复了它 - 简单但是血腥的混淆为什么它会在同一个浏览器中以不同的方式呈现 - 感谢帮助人员

IE8 CSS在不同的Windows机器上显示问题

1 个答案: