위치 : iPhone iOS의 고정 바닥 글

Question

내 바닥 글이 내 페이지 하단에 있지만 iPhone 모바일 사파리 (iOS6)에만 머물러있게하는 데 약간의 문제가 있습니다. position:fixed을 사용하여 iPad 및 데스크톱 버전에서 완벽하게 작동합니다. 나는 인터넷을 통해 해결책을 찾아 보았으나 나는 아무 것도 시도하지 않았다. position:relative으로 변경하면 iPhone에서는 정상적으로 표시되지만 다른 브라우저 버전에서는 너무 높게 설정됩니다. 내가 가진 코드는 다음과 같습니다

사전에

#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> 

감사합니다 :)

Answer 1

모든 좋은! 여기에 답변을 찾았습니다 : cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css. 왜 내가 그 하루 전에 그것을 발견하지 못했습니다 !!