CSS位置はすべての画面で同じ位置に固定

Question

私は「浮動」（固定）ボックスを追加していますが、画面の解像度が何であっても同じ位置にする必要があります。だから画面を下にスクロールすると、それはmoniterの正確な位置にとどまります（facebook chatのようなものですが、私はこのようなdivを持っていますが、これを100％に設定していますので、正確なポジショニングが必要です）

私が持っているCSSファイルで瞬間

：

.userAccOvervw{ 
    position:fixed; 
    border: 1px solid #73a7f0; 
    width: 200px; 
    margin-left: -300px; 
    padding: 5px 14px; 
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    box-shadow: 0px 0px 6px rgba(0, 0, 0, .7); 
    -webkit-box-shadow: -0px 0px 6px rgba(0, 0, 0, .7); 
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .7); 
} 

しかし、これは画面の解像度に応じて、私は（div要素の左に）右のフロート隣様々にそれを浮動し、そのdidntの仕事しようとした変更：/

アドバイスがあれば、私は最も感謝しています:-)

Answer 1

絶対位置を変えて左上を指定しますか？たくさんposition:absoluteよう

http://www.w3schools.com/cssref/pr_class_position.asp

Answer 2

あなたは実際にposition: absolute;を探していると思いますが、position: fixed;

Answer 3

、固定位置がtopとleft値を指定する必要があります。

.userAccOvervw{ 
    position:fixed; 
    top: 50px; 
    left: 0; 
    width: 200px; 
    padding: 5px 14px; 

    /* removed fancy CSS3 stuff for clarity */ 
}