Question

我有一个asp.net网站，在IE8和Firefox中显示我想要它在我的计算机上的方式。在我的同事的计算机上，页面内容被推到左侧菜单下方。

我们都有完全相同的IE8版本。

我正在使用div和css进行定位和母版页。

body
{
    background-position: center center;
    font-family: Verdana;
    font-size: medium;
    background-color: #000000;

}

* {
 padding: 0;
 margin: 0;
}

#dateField{}

#head
{
    color: #00FF00;
}

#topContent
{
    background-position: url(Images/bg2.gif) repeat-x;
    text-align: center;
    background: url(Images/bg2.gif) repeat-x;
    color: #FFFFFF;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    height: 87px;
    vertical-align: middle;
    line-height: 87px;
}

#topContent span {vertical-align:middle}



 #leftContent
{

    background-position: #0094D6 url(Images/contentbg.gif) repeat-x;
    width: 170px; /*background: #0094D6 url(Images/contentbg.gif) repeat-x;*/
    padding: 10px;
    font-size: 90%;
    text-align: left;
    position: static;
    margin-top: 10px;
    margin-bottom: 10px;
    left: 0px;
    float: left;
    height: 574px;
}
#SideTableFiller
{
    height: 262px;
    background-color: #000000;
}



#mainContent
{
    text-align: left;
    margin-left: 190px;
    padding: 2px;
    color: #FFFFFF;


}

#footerContent
{
    background: url(Images/footer.jpg) repeat-x;
    height: 100px;


    clear: left;

}

Answer 1

你们其中一个人是否在IE中按下了兼容性按钮？

Answer 2

您是从“localhost”运行它并且他/她正在“intRAnet”上运行它。

在IE8中，IntRAnet由DEFAULT以NON-IE8标准模式呈现，但是Localhost和IntERnet站点由DEFAULT以IE8标准模式运行。

将其粘贴到您/他们的地址栏中，看看您实际处于何种模式：

javascript:var%20vMode=document.documentMode;var%20rMode='IE5%20Quirks%20Mode';if(vMode==8){rMode='IE8%20Standards%20Mode';}else%20if(vMode==7){rMode='IE7%20Strict%20Mode';}alert('Rendering%20in:%20'+rMode);

您将获得3个值中的1个：[IE5 Quirks Mode | IE7严格模式| IE8标准模式]

当然每个呈现的略有不同......并且JavaScript表现不同; - ）

Answer 3

由于您在CSS中使用float: left，我认为页面内容（sidemenu + mainContent）在同事的浏览器窗口中不能彼此相邻，因此被推到侧面菜单下方。

也许你的同事正在使用不同的屏幕分辨率，或者他在IE中的缩放级别大于100％。

Answer 4

启用了IE8兼容模式吗？尝试禁用它;

如果用户之前访问过您的网站，他们可能会使用浏览器缓存，请在浏览器上尝试Ctrl + F5，并打开您的网站以刷新缓存

Answer 5

一种可能性是另一个人可能应用了不同的缩放级别。

Answer 6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 因为页面上的第一行应该强制IE8标准模式，无论页面在哪里被查看。

Asp.net网站在同事计算机上有所不同

6 个答案: