Поместите div в нижней части экрана, а не на страницу

Я пытаюсь поместить серое полотно в нижней части экрана моей веб-страницы (независимо от того, какое разрешение). Но, когда я пытаюсь, он, кажется, просто поднимается или опускается, когда я иду в другом разрешении. исправить это?

Кроме того, панель создается из css, используя тег id div

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

Извините, я не был достаточно ясным, я хочу, чтобы он находился в нижней части экрана, но затем, когда я прокручиваю вниз, он поднимается вверх

Ответы

Ответ 1

Если вы хотите его внизу и всегда внизу, вы должны использовать position: fixed. Вы можете попробовать следующее:

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

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

Ответ 2

Как насчет добавления ввода?

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