दिलचस्प पोस्ट
एक स्क्रीनशॉट प्रोग्राम को कैसे लें सी में "स्थिर" क्या होता है? गिट में एक फ़ाइल का केवल एक हिस्सा जमा करें मैं कैसे परीक्षण कर सकता हूँ अगर स्ट्रिंग में कोई अक्षर जावास्क्रिप्ट का उपयोग कर अपरकेस या लोअरकेस है? सूची बदलें बदलें पृष्ठभूमि – अजीब व्यवहार एंड्रॉइड स्पिनर: चयनित आइटम परिवर्तन ईवेंट प्राप्त करें मैं जावास्क्रिप्ट में एक से अधिक सीएसएस शैलियाँ कैसे सेट करूं? बैश स्क्रिप्ट – एक चर में स्टोर स्टेडरर एकाधिक क्षेत्रों के साथ संग्रह HTML इनपुट में कैरेट स्थिति प्राप्त करें? पीएचजी की जीडीलिब इमेजकोपीरेटमप्लेड का इस्तेमाल करते समय पीएनजी छवि पारदर्शिता को संरक्षित किया जा सकता है? पायथन में दो दशमलव स्थानों के साथ एक फ्लोट प्रदर्शित करें ?: PHP में ऑपरेटर ('एल्विस ऑपरेटर') डबल। समानता के लिए एप्सिलॉन, से बड़ा, कम से कम, या उसके बराबर या उससे अधिक के बराबर jquery ajax, स्ट्रीम को संवर्धित रूप से पढ़ें?

पृष्ठ नीचे में एक पाद लेख कैसे तय किया जाए

मेरे एचटीएमएल में मैं एक div वर्गीकृत "पाद लेख" है मैं चाहता हूं कि इसे # 000 के लिए एक बीजी होना चाहिए और पूर्ण पृष्ठ चौड़ाई पर कब्जा कर लिया और उसके बाद कोई भी सफेद स्थान नहीं छोड़ा गया।

मैं वर्तमान में इस सीएसएस का उपयोग कर रहा हूं:

.footer { color: #fff; clear: both; margin: 0em 0em 0em 0em; padding: 0.75em 0.75em; background: #000; position: relative; top: 490px; border-top: 1px solid #000; } 

लेकिन पूरी पृष्ठ चौड़ाई इस सीएसएस कोड से भर नहीं है।

कोई मदद? धन्यवाद!

वेब के समाधान से एकत्रित समाधान "पृष्ठ नीचे में एक पाद लेख कैसे तय किया जाए"

मैं चिपचिपा पाद लेख का उपयोग करता हूं: http://ryanfait.com/sticky-footer/

 /* Sticky Footer by Ryan Fait http://ryanfait.com/ */ * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ } .footer, .push { height: 142px; /* .push must be the same height as .footer */ } 
 <div class='wrapper'> body goes here <div class='push'></div> </div> <div class='footer'>Footer!</div> 

आप पाद लेख को इस तरह पृष्ठ पर पूर्ण कर सकते हैं:

 .footer { position:absolute; bottom:0px; width: 100%; margin: 0; background-color: #000; height: 100px;/* or however high you would like */ } 

मैं अपने वेबपेजों के प्रत्येक अनुभाग के लिए कुछ DIV तत्वों का उपयोग करता हूं I

 <div id="tplBody"> <div id="tplHeader"> ... </div> <div id="tplContent"> ... </div> <div id="tplFooter"> ... </div> </div> 

प्रत्येक अनुभाग अपेक्षाकृत स्थिति है। DIV एस रैपिंग का उपयोग करके, मैं आवरण को एक विशिष्ट चौड़ाई सेट कर सकता हूं और इसके अंदर के तत्व 100% चौड़ाई हो सकते हैं।

मेरा सुझाव है कि आप पूर्ण स्थिति और अस्थायी से दूर रहें, क्योंकि वे संगतता के मुद्दे बनाते हैं, ये सभी ब्राउज़रों पर सही तरीके से प्रदर्शित नहीं हो सकते हैं।

यदि आप चाहते हैं कि आपके पिक्टर को आपके पृष्ठ पर तय किया जाए:

 .footer{ position:fixed;} 

लेकिन यदि आप चाहते हैं कि आपका पाद लेख पृष्ठ का निश्चित समापन हो:

देखना है कि

आपके द्वारा प्रदान किए गए समर्थन के लिए मुझे खुशी है, इनमें से हर एक ने मुझे किसी तरह मदद की है मैं इस कोड पर आया था:

 .footer { height: 59px; margin: 0 auto; color: #fff; clear: both; padding: 2em 2em; background: #000; position: relative; top: 508px; } 

धन्यवाद!

ब्राउज़र क्रांति के बावजूद बूटस्ट्रैप मेनू और फिक्स्ड पाद लेख का उपयोग करते हुए मैंने एक वेब एप्लीकेशन शुरू करने पर यह मुद्दा पार किया है।

पाद लेख तत्व के लिए स्टाइल के नीचे का उपयोग करें

इन-लाइन शैली

Div में क्लास विशेषता का उपयोग कर बाहरी शैली पत्रक

  <div class="footer"></div> 

style.css

  .footer { backgroud-color:black; position:fixed; bottom:0; height:2%; } 

डिवेल में आईडी विशेषता का उपयोग कर बाहरी शैली पत्रक

  <div id="divfooter"></div> 

style.css

  #divfooter { backgroud-color:black; position:fixed; bottom:0; height:2%; } 

अपने लक्ष्य को प्राप्त करने के लिए आप अपने शैलियों में इन शैलियों का उपयोग कर सकते हैं

 .footer{ background-color: #000; min-width: 100%; height: 100px; bottom:0; position: fixed; } 

यदि आप बूटस्ट्रैप का उपयोग मार्जिन-बाएं: -15 पीएक्स और मार्जिन-दाएं: -15 पीएक्स के साथ कर रहे हैं, लेकिन अधिकांश मामलों में इसकी आवश्यकता तब नहीं होगी जब आपके पास अपना क्लास होगा

एचटीएमएल:

 <div class="footer"> <p> Some text comes here! &copy; 2015 - 2017 </p> </div> 

सीएसएस:

 .footer { width: 100%; height: auto; text-align: center; background: rgb(59, 67, 79); position: fixed; bottom: 0%; margin-top: 50%; } * { padding: 0; margin: 0; }