2012-12-19 11 views
5

मेरी सामग्री मेरे पाद लेख को ओवरलैप कर रही है (जो चिपचिपा है)। लेकिन यह एक सामान्य पैडिंग टॉप होना चाहिए। मैं केकेपीएचपी (प्रासंगिक नहीं) और ट्विटर बूटस्ट्रैप का उपयोग कैसे करता हूं। कुछ पृष्ठों पर यह काम करता है, और अन्य पर नहीं। मैं इसे कैसे ठीक करूं?ट्विटर-बूटस्ट्रैप: सामग्री चिपचिपा-फूटर ओवरलैप कर रही है

सीएसएस

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; 
} 

एचटीएमएल

<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

साइडबार जेड-इंडेक्स पर अपने पाद लेख को किसी भी तरह जेड-इंडेक्स बनाएं।

संबंधित मुद्दे