ページを表示するのではなく、画面下部にdivを置く

Question

私のウェブページの画面の下部に灰色のバーを置こうとしています（どんな解像度でも問題ありません）。しかし、試してみると、私は別の解像度で行くときにダウン、これを修正する方法は？

また、バーは

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

申し訳divのIDタグを使用して、CSSで作られ、私は明らかに十分な波平、私はそれは、画面の下部になりたい、しかし、私は、スクロールダウンしたときにそれは上がる

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%; 
}