我有2个网页,甘特和安全电视。甘特很复杂,但这里有安全电视:
<!DOCTYPE html>
<html>
<head>
<link href="http://ctadweb/B5Tours/Content/site.css" rel="stylesheet">
<meta http-equiv="refresh" content="300" />
</head>
<body>
<div style="width:100%; height:100%; display:table;">
<div style="display:table-cell; vertical-align:middle; text-align:center;">
<h1 style="color:green; font-size:60px;">RAYTHEON ACCESS</h1>
</div>
</div>
<footer class="site-footer" style="margin-top:-132px;">
<div>
<img src="http://ctadweb/B5Tours/Content/FooterPicture.jpg"/>
<div id="site-footer-image-background" style="margin-top:-4px;"></div>
</div>
</footer>
</body>
</html>
以及site.css的相关部分:
* {
margin: 0;
}
html, body {
height: 100%;
}
.site-footer, .page-wrap:after {
height: 128px;
}
.site-footer div{
width:100%;
text-align:center;
height:128px;
}
#site-footer-image-background{
width:100%;
z-index:-1;
background-color:#365f93;
height:67px;
top:-67px;
position:relative;
}
现在这里很奇怪。当我保存该网页并使用Internet Explorer打开它时,它运行正常。当我运行创建该网页的C#项目时,我们正在查看localhost:/ securityTV,它运行正常。但是当我发布项目并尝试运行ctadweb时,它并不合作。雷神访问文本不是垂直居中的,它与屏幕顶部对齐。
另外,在我的甘特页面中,我会侧向旋转一些标题,但就像使用vertical-align: middle;
一样,只有在我测试它时,当我打开已保存的页面版本时,或者当我使用firefox。我尝试打开Internet Explorer的选项并禁用一些插件,但我所拥有的只是&#34;目前已经加载了插件&#34;是5个被禁用的东西,称为&#34;研究&#34;这是不可用的,&#34; Java(tm)插件2 SSV助手&#34;。我试过禁用它们,但我遇到了同样的问题。我试过两台指向ctadweb的电脑,两者都得到相同(错误)的显示。