Twitter-Bootstrap: Inhalt überlappt Sticky-Footer

Question

Mein Inhalt überlappt meine Fußzeile (die ist sticky). Aber es sollte eine normale Polsterung haben. Wie verwende ich CakePHP (nicht relevant) und Twitter Bootstrap. Auf einigen Seiten funktioniert es, und auf anderen nicht. Wie kann ich das beheben?

CSS

body { 
    padding-top: 60px; 
} 
.sidebar-nav { 
    padding: 9px 0; 
} 

html, body { 
    height: 100%; 
} 
footer { 
    padding: 17px 0 18px 0; 
    border-top: 1px solid #000; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -63px; 
} 
.push { 
    height: 63px; 
} 

HTML

<div class="container-fluid wrapper"> 
    <div class="row-fluid"> 
     <div class="span11"> 
      //content 
     </div> 
    </div> 
</div> 

<footer class="footer">   
    <div class="container-fluid"> 
     <div class="row-fluid"> 
      <div class="span8"> 
      </div> 
      <div class="span4"> 
       <div class="footer-links pull-right> 
        //content 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class="footer-floor"> 
     <div class="container-fluid"> 
       //content 
     </div> 
    </div> 
</footer> 

Answer 1

Damit die klebrige Fußzeile, arbeiten Sie für beide Höhen einstellen müssen .push und .footer. Versuchen Sie, die Höhe 63px zu Ihrer Fußzeile hinzuzufügen.

Answer 2

Machen Sie Ihre Fußzeile irgendwie Z-Index über Seitenleiste Z-Index.