मेरे पूर्ण होने के बाद मुझे अपने पाद लेख को समायोजित करने में समस्या है <div>। यह परिदृश्य है:
मेरे पास एक <div> जिसमें पृष्ठभूमि छवि है - यह <div> पूर्ण है मेरे पास मेरी सारी सामग्री एक दूसरे में है <div> जो छवि पर ही स्थित है मेरे पाद लेख को छवि के नीचे "फ्लोट" करना चाहिए, लेकिन ऐसा नहीं होता है।
जैसा कि आप देख सकते हैं, पाद लेख छवि पर है, यह इसके नीचे होना चाहिए, इससे कोई फर्क नहीं पड़ता कि छवि की ऊंचाई कितनी है।
मेरा मार्कअप ऐसा कुछ होगा:
<div id="banner"><img src="/images/#" /> Position Absolute</div>
<div id="container">
Content goes in here
</div>
<div id="footer">
This footer should always be under the banner
</div>
किसी भी सुझाव का स्वागत है!
उत्तर:
उत्तर № 1 के लिए 1क्या आपने इस विधि को आजमाया था
<div id="banner">Position Absolute</div>
<div id="container">
Content goes in here
</div>
<div class="clear"></div>
<div id="footer">
This footer should always be under the banner
</div>
.clear{ clear:both}
#footer{ position:absolute; bottom:0;}
नोट: मैंने उस उत्तर को अद्यतन किया है जो पाद लेख को नीचे रखेगा।
जवाब के लिए 0 № 2
एक पूर्ण डीआईवी होने और इसकी स्थापना करने के बजायपृष्ठभूमि के लिए स्थिति। यह एक सापेक्ष div के रूप में होना और पृष्ठभूमि छवि सेट करना बेहतर होगा। आप सीएसएस पृष्ठभूमि-स्थिति और मार्जिन का उपयोग कर सकते हैं: 0 ऑटो इसे केंद्र में तैरने के लिए। इस तरह पाद लेख हमेशा नीचे बैठेगा।
सापेक्ष divs खाते में पूर्ण div स्थिति नहीं लेते हैं।
जवाब के लिए 0 № 3
मुझे यकीन नहीं है कि मुझे समस्या मिली है ... लेकिन मुझे लगता है कि आप "चिपचिपा पाद लेख" की तलाश में हैं।
समस्या आपकी सामग्री div है। आपको अपनी सामग्री को सापेक्ष या फ्लोट करना चाहिए, और फिर आप चिपचिपा पाद लेख जोड़ सकते हैं:
<div id="footer">Footer</div>
#footer{position:fixed;bottom:0px;width:100%;....}