这是网站地址:http://www.uiowa.edu/~ucoll/academicmisconduct.shtml
当我进入兼容模式时,页脚会跳到页眉的底部。我的包裹中有一个虚拟的页眉,然后是内容区域,最后是虚拟的页脚(fs-footer)。我相信这与min-height元素有关。我尝试了很多解决方法和替代方案。我还搜索了谷歌和论坛,但没有找到好的答案。请帮忙 :)
代码:
代码:
html {
height: 100%;
}
body {
padding: 0;
margin: 0 0 0 0;
font-family: Lucida Grande, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:#999;
background-position:center;
height: 100%;
}
#wrap {
width: 1024px;
height:100%;
margin: auto;
padding: 0;
min-width: 1024px;
position: relative;
}
#mainContentPage {
background-image: url(images/backgrounducContent.png);
background-repeat:no-repeat;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 1024px;
margin: 0;
float: right;
border-bottom:thick;
border-bottom-color: #000;
background-color: #FFF;
min-height: 100%;
}
.fs-footer {
clear:both;
float:left;
padding-bottom:30px;
padding-top:0px;
width:1024px;
border-top:thick;
border-top-color:#000;
border-top-style:groove;
border-top-width:thick;
background-color:#FFF;
background-image:url(images/ucfooter2.png);
height: auto;
}