2013-03-04 61 views
0

我目前正在使用网页,遇到问题。我希望我的页脚停留在页面底部,位于主区域之后。问题是我希望主要区域位于min-height:900px;,它会稍微超过页脚。最小高度主区域后页脚底部

如果我在主区域添加更多文本,它可以很好地缩放,但页脚现在设置为margin-top:1190px;如果添加更多文本,我怎么才能使它跟随主区域?

页面原型是在这里:http://goo.gl/tu6s9

+0

你可以发表你想要的结果的图像更好地了解您的问题.... – 2013-03-04 08:19:32

回答

0

@ user2130814改变你的网页CSS像这样

#logomenu { 
    display: block; 
    height: 98px; 
    left: 0; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 20px; 
    position: relative; 
    right: 0; 
    width: 960px; 
    z-index: 3; 
} 
#intro { 
    display: block; 
    height: 198px; 
    left: 0; 
    margin: 0 auto; 
    position: relative; 
    width: 960px; 
    z-index: 3; 
} 
#sisalto { 
     background-color: #E8E8E8; 
display: block; 
margin: 0 auto; 
min-height: 900px; 
opacity: 0.9; 
overflow: hidden; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 30px; 
position: relative; 
right: 0; 
width: 900px; 


} 

#footer { 
    background-image: url("images/bottom.jpg"); 
    clear: both; 
    height: 215px; 
    min-width: 1100px; 
    position: relative; 
    text-align: center; 
    width: 100%; 
    z-index: 0; 
} 

#footersisennys { 
    display: block; 
    height: 145px; 
    left: 0; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: 30px; 
    padding-right: 30px; 
    padding-top: 30px; 
    position: relative; 
    right: 0; 
    width: 900px; 
    z-index: 5; 
} 
+0

它打破该网站,但页脚现在停留在底部。所以关闭嗯......将这些添加到#sisalto它修复了页面宽度:900px; margin-top:20px;边距:-30px; z-index:5;但现在的问题是,sisalto没有按比例缩放文本 – Shnigi 2013-03-04 08:08:45

+0

这是现在发生的事情http://80.221.23.225:8080/testi/它更好,但sisalto没有按比例缩放文本,文本实际上溢出了div – Shnigi 2013-03-04 08:17:23

+0

@我为你创建了jsfiddle http://jsfiddle.net/bsPrabu/p6Qrc/10/ – snowp 2013-03-04 08:54:42

相关问题