2010-01-29 71 views
0

我有一个asp.net网站,它显示了我希望在我的电脑上使用IE8和Firefox的方式。在我的同事电脑上,页面内容被推到左侧菜单下方。Asp.net网站在同事电脑上的显示方式不同

我们都有完全相同的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; 

} 
+0

您所处的情况称为“CROSS BROWSER COMPATIBILITY”.Google it或使用search @ Stackoverflow。 – 2010-01-29 17:01:30

+0

@Aseem Gautam不,如果你阅读它,他说,他们都使用相同的IE版本,因此使它不会跨浏览器。 – Gabe 2010-01-29 17:04:02

回答

2

你是从“localhost”的运行它,他/她是将它作为“intRAnet”上的一个站点运行。

在IE8中,intRAnets通过DEFAULT以非IE8标准模式呈现,但LocalHand和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); 

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

当然每个呈现略有不同......和JavaScript行为不同;-)

+0

如果您认为是这种情况,则可以使用开发人员控制台(f12键)查看浏览器在浏览页面时所处的模式。 – lincolnk 2010-01-29 17:14:56

+0

是的,它运行在我的电脑上 两台电脑都说“在IE8标准模式下渲染” – CookieMonster 2010-01-29 20:25:41

+0

这是内联网兼容模式设置。感谢大家帮助 – CookieMonster 2010-01-29 20:37:01

4

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

0

是否启用了IE8兼容模式?尝试禁用它;

,如果用户访问您的网站之前,他们很可能与浏览器缓存,尝试在他们与你的网站打开的浏览器按Ctrl + F5刷新缓存

0

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

1

由于您在您的CSS中使用float: left,因此我认为页面内容(sidemenu + mainContent)在您的同事浏览器窗口中彼此相邻,因此会被推到sidemenu下方。

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

+0

当我放大我的计算机时,它不会将内容向下推。它只是在屏幕底部添加一个滚动条,以便您可以看到屏幕边缘右侧的内容 – CookieMonster 2010-01-29 20:31:34

0

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

相关问题