सीएसएस पेज

Question

से नीचे संरेखित करें मैं चाहता हूं कि मेरा पाद लेख हमेशा नीचे हो और पृष्ठ के अंदर सामग्री के आकार में समायोजित करने के लिए आगे बढ़ें। अभी मेरे पास गतिशील कोटेन्ट है जो पाद लेख को कवर करता है क्योंकि इसकी सामग्री बहुत अधिक है।

मैं अपने सीएसएस कैसे ठीक कर सकता

div#Footer 
    { 
     width: 100%; 
     height: 80px; 
     padding: 1px; 
     -moz-border-radius: 35px; 
     border-radius: 35px; 
     background-color: Black; 
     color: #ffffff; 
     position: fixed; 
     bottom: 0; 
     text-align: center; 
     margin-left: auto; 
     margin-right: auto; 
    } 

Answer 1

यह अनगिनत बार पूछा गया है, आप एक चिपचिपा पाद लेख की तलाश में हैं।
बस लिंक का पालन करें, यह एक प्रसिद्ध तकनीक है और वे वहां सभी स्रोत कोड प्रदान करते हैं।

Answer 2

आप अधिक HTML/CSS पोस्ट करने के लिए यहाँ क्या हो रहा है के सकारात्मक होने की जरूरत है, लेकिन यह लग रहा है आपके पाद लेख की तरह अपनी सामग्री पृष्ठ में शामिल किया जा रहा है। यदि ऐसा है तो फ़ूटर पर जेड-इंडेक्स सेट करना शायद समस्या को हल करेगा।

z-index: 1000; 

यह भी आम तौर पर सुनिश्चित करें कि आपके पाद लेख अपने html के अंत में दिखाई देता है, जैसे तत्वों बाद में घोषित पिछले अभियानों के शीर्ष पर दिखाई देते हैं बनाने के अनुसार क्रमबद्ध जा सकता है।

Answer 3

यह थोड़ा अस्पष्ट है कि आप क्या चाहते हैं लेकिन इस कोड ने मेरे लिए अच्छा काम किया है।

क्रेडिट - http://css-tricks.com/snippets/css/fixed-footer/

#footer { 
position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 

Answer 4

यह एक सरल उपाय है। [सीएसएस चिपचिपा पाद लेख] की

#footer { 
    bottom: 0%; 
    position: fixed; 
}