Metti un div nella parte inferiore dello schermo, non nella pagina

Question

Sto provando a mettere una barra grigia nella parte inferiore dello schermo della mia pagina Web (non importa quale risoluzione) Ma, quando ci provo, sembra che salga o giù quando vado in una risoluzione diversa, un modo per risolvere questo?

Inoltre, il bar è fatto di css utilizzando il tag div id

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

Siamo spiacenti, mi era abbastanza chiaro, io voglio che sia sulla parte inferiore dello schermo, ma poi quando ho scorrere verso il basso va su

Answer 1

Se lo vuoi sul fondo e sempre in basso, devi usare position: fixed. Si potrebbe provare questo:

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

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

Answer 2

ne dite di aggiungere entrare come bene?

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