2012-12-19 2 views
5

내 내용이 풋내기와 겹쳐 있습니다 (끈적 끈적합니다). 그러나 정상적인 패딩 - 탑 (padding-top)을 가져야합니다. 어떻게 CakePHP (관련 없음)와 Twitter 부트 스트랩을 사용합니까? 일부 페이지에서는 작동하지 않으며 그렇지 않은 페이지도 있습니다. 이 문제를 어떻게 해결할 수 있습니까? 끈적 끈적한 바닥 글이 작동하려면Twitter-Bootstrap : 내용이 끈적 끈적한 겹치기입니다

위해 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> 

답변

4

, 당신은 .push.footer 모두 높이를 설정해야합니다. 바닥 글에도 63px 높이를 추가하십시오.

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

사이드 바 Z- 색인 위에 어떻게 든 Z- 색인을 만드십시오.

관련 문제