स्क्रीन के नीचे एक div डालें, पृष्ठ

Question

मैं अपने वेबपृष्ठ की स्क्रीन के नीचे एक ग्रे बार डालने की कोशिश कर रहा हूं (कोई फर्क नहीं पड़ता कि क्या संकल्प) लेकिन, जब मैं कोशिश करता हूं, ऐसा लगता है कि यह अभी ऊपर जा रहा है या ऐसा लगता है, नीचे जब मैं एक अलग संकल्प में जाता हूं, इसे ठीक करने का कोई तरीका?

इसके अलावा, बार div id टैग

/* HTML*/ 
<div id="info">Scroll for info</div> 
/* CSS */ 
#info { 
    height: 40px; 
    position: relative; 
    margin-top: 25%; 
    background-color: #393838; 
    opacity: 
} 

क्षमा का उपयोग कर सीएसएस से बाहर कर दिया है, मैं काफी स्पष्ट नहीं था, मैं इसे स्क्रीन के तल पर होना चाहता हूँ, लेकिन फिर जब मैं नीचे स्क्रॉल यह

Answer 1

यदि आप इसे नीचे और हमेशा नीचे चाहते हैं, तो आपको position: fixed का उपयोग करना होगा। आप इस कोशिश कर सकते:

#info { 
    height: 40px; 
    position: fixed; 
    bottom:0%; 
    width:100%; 
    background-color: #393838; 
    opacity: 1; 
} 

http://jsfiddle.net/rX4nd/1/

Answer 2

कैसे के बारे में के रूप में अच्छी प्रवेश करने को जोड़ने?

.someDiv { 
    position:fixed; 
    width:50%; 
    height:300px; 
    margin-left:-25%; 
    background:#063; 
    bottom:0px; 
    left:50%; 
}