2012-12-19 47 views
5

İçeriğim altbilgimden geliyor (yapışkan olan). Ama normal bir dolgu malzemesi olmalı. CakePHP'yi (alakalı değil) ve Twitter Bootstrap'i nasıl kullanırım. Bazı sayfalarda çalışır ve diğer değil. Bunu nasıl düzeltebilirim? yapışkan altbilgi çalışması içinTwitter-Bootstrap: İçerik üst üste binen yapışkan footer

amacıyla 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> 

cevap

4

, sen .push ve .footer ikisi için yüksekliklere belirlemek zorunda. Altbilgiye de 63px yüksekliğini eklemeyi deneyin.

.push, footer { 
height: 63px; 
} 
0

Altbilginizi bir şekilde z-endeksi kenar çubuğu z-endeksi üzerinde yapın.

İlgili konular