Umieść div na dole ekranu, a nie na stronie

Question

Próbuję umieścić szary pasek na dole strony mojej strony internetowej (Bez względu na rozdzielczość). Ale kiedy próbuję, wydaje mi się, że po prostu podchodzę do góry lub w dół, kiedy idę w innej rozdzielczości, Jakikolwiek sposób to naprawić?

Również Pasek wykonany jest z CSS za pomocą znacznika div id

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

Przykro mi, ale nie było wystarczająco jasne, chcę go mieć w dolnej części ekranu, ale wtedy kiedy przewijać idzie w górę

Answer 1

Jeśli chcesz go na dole i zawsze na dole, musisz użyć position: fixed. Można spróbować to:

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

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

Answer 2

Jak o dodanie wejściem, jak również?

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