दिलचस्प पोस्ट
Pthread_create के माध्यम से पूर्णांक मान को पास करें LinearLayout, RelativeLayout, और AbsoluteLayout के बीच अंतर क्या हैं? इशारे का पता लगाने और स्क्रॉलव्यूव समस्या पायथन में पुरानी शैली और नई शैली वर्गों में क्या अंतर है? पत्र द्वारा पाठ पत्र दिखाएं सी + + विज़ुअल स्टूडियो वर्ण एन्कोडिंग समस्याएं MySQL एक चयन में subquery कई पंक्तियों को लौटने के साथ एक तालिका में कैसे आप इंसर्ट करते हैं? इकाई फ़्रेमवर्क में कई-से-कई मैपिंग कैसे बनाएं? Express.js: दूरस्थ क्लाइंट पता कैसे प्राप्त करें TypeError: सभी स्ट्रिंग फ़ॉर्मेटिंग अजगर के दौरान परिवर्तित नहीं तर्क एंड्रॉइड 1.5: एसएमएस संदेश पढ़ना Android MediaCodec के साथ कैमरे से एन्कोडिंग एच .264 jquery $ .ajax से कोण $ http एक शर्त से मेल खाने वाले पहले से एक आइटम प्राप्त करें UIWebview में NSString

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

मेरे एचटीएमएल में मैं एक 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; } 

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

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

Solutions Collecting From Web of "पृष्ठ नीचे में एक पाद लेख कैसे तय किया जाए"

मैं चिपचिपा पाद लेख का उपयोग करता हूं: 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; }