2014-01-07 79 views
1

让我的页脚停留在页面底部,但仅限于iPhone移动Safari(iOS6)时遇到一些麻烦。在使用position:fixed的iPad和桌面版本上工作得非常好。我已经在整个互联网寻找解决方案,但我没有试过似乎工作。如果我将其更改为position:relative,则它在iPhone上显示效果良好,但在其他浏览器版本上显示效果太高。我的代码是:位置:iPhone中的固定页脚iOS

#footer { 
    padding-top: 15px; 
    padding-bottom: 5px; 
    width: 100%; 
    height: 50px; 
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; 
    font-size: 10px; 
    color: #fff; 
    text-align: center; 
    text-shadow: 2px 0px 5px #000; 
    position: fixed; 
    bottom: 0; 
} 

<div id="footer"> 
    <ul> 
    <li><a href="Index.html">Home</a></li> 
    <li><a href="Assessment.html" target="_blank">Assessment</a></li> 
    <li><a href="Press.html">Press</a></li> 
    <li><a href="Careers.html">Careers</a></li> 
    <li><a href="News.html">News</a></li> 
    <li><a href="Contact.html" target="_blank">Contact</a></li> 
    <li><a href="https://www.facebook.com/pages/Southern-Cross-Catholic-College-Japanese/164793893570872" target="_blank">Facebook</a></li> 
    <li><a href="http://www.sccc.qld.edu.au">SCCC Home</a></li> 
    <li><a href="#top">Top</a></li> 
    </ul> 
    <p class="fine-print">Created by Maree Carr. &copy; 2014 scccjapan.com. All rights reserved.</p></div> 

感谢提前:)

回答