我有这个架构:
<div id="container">
<div id="content">some text</div>
<footer> my footer things </footer>
</div>
和我的CSS:
body {
font-family:'Open Sans', sans-serif;
background:url(../imagens/fundo_cima.jpg) top center no-repeat;
background-color: #bac8e3;
color:#000;
font-size:12px;
height:100%;
}
#container{
width:100%;
min-height:100%;
}
#content{
width:990px;
min-height:526px;
margin:0 auto;
}
footer{
position: absolute;
bottom:0;
width:100%;
height:231px;
background:url(../imagens/fundo_baixo.jpg) center no-repeat;
}
我的问题:在小分辨率(1024x768)下,页脚悬停在content
div 上,而在大分辨率下,这很好用......我需要设置什么?