Asp.net 站点在同事计算机上的显示方式不同答案

【问题标题】：Asp.net site diplays differently on coworkers computerAsp.net 站点在同事计算机上的显示方式不同
【发布时间】：2011-01-10 22:28:48
【问题描述】：

我有一个 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;

}

【问题讨论】：

您所处的情况称为“跨浏览器兼容性”。Google 或使用 search@Stackoverflow。
@Aseem Gautam 不，如果你读了，他说，他们都使用相同版本的 IE，因此不能跨浏览器。

标签： asp.net css internet-explorer

【解决方案1】：

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

【讨论】：

【解决方案2】：

您的 IE8 兼容模式是否已启用？尝试禁用它；

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

【讨论】：

【解决方案3】：

您是从“localhost”运行它，而他/她正在将它作为“intRAnet”上的站点运行。

在 IE8 中，intRAnets 默认以 NON-IE8 标准模式呈现，但 Localhost 和 Internet 站点默认以 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 的行为也不同 ;-)

【讨论】：

如果您认为是这种情况，您可以使用开发者控制台（f12 键）查看浏览器在查看页面时处于什么模式。
是的，它在我的电脑上运行，两台电脑都说“在 IE8 标准模式下渲染”
这是内网兼容模式设置。感谢大家的帮助

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

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

【讨论】：

当我放大我的通勤机时，它不会向下推内容..它只是在屏幕底部添加一个滚动条，您可以看到边缘右侧的内容屏幕

【解决方案6】：

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

【讨论】：