スクリーン解像度に関係なくCSSのボックス位置を修正するには？ヘッダの

Question

は私が入れ：<link href="styles.css" rel="stylesheet" type="text/css"></link>私は体に与えてくれたスクリプトがある ：

<input name="search" type="text" onKeyUp="getScriptPage('box','text_content')" id="text_content" AUTOCOMPLETE="off" size="40"> 

CSSで私が与えてくれたのidスクリプトは次のとおりです。

は

#box 
{ 
    width : 270px; 
    height : auto; 
    overflow : auto ; 
    border : 1px solid #C5C5C5; 
    background : #F8F8F8; 
    position : absolute; 
    left : 460px; 
    top : 286px; 
    border-top : none; 
    text-align : left; 
    display : none; 
} 

問題がときです画面の解像度を1366x768からそれ以上に変更します...ボックスの配置が変更されました...画面の解像度に関係なくボックスの位置を修正したいだけです

Answer 1

多分position:fixedposition:absoluteの代わりに

http://davidwalsh.name/css-fixed-position

Answer 2

私は、代わりにピクセル値の割合を使用してお勧めします：

#box 
{ 
    width : 270px; 
    height : auto; 
    overflow : auto ; 
    border : 1px solid #C5C5C5; 
    background : #F8F8F8; 
    position : absolute; 
    left : 33%; 
    top : 33%; 
    border-top : none; 
    text-align : left; 
    display : none; 
} 

ここ割合は単なる例です - あなたはどこ希望のレイアウトにそれは相対入れするかを決定する必要があると思いますパーセンテージ値で手を加えることでパーセント値で配置されたボックスの例を次に示します。http://jsfiddle.net/RjgHy/