ポジショニングもの（CSS関連）

Question

私は私の質問は本当にシンプルにしようとするでしょう2あなたは

は基本的に、私は絵

何CSSスタイルを持っているDIVを、持っていますは、私は無駄のために毎回私は国境から

申し訳ありませんが、同じ距離でブラウザウィンドウそこ滞在（divの内側に）サイズを変更することを条件とdivの の内側にそれを正しく配置するために画像に適用されるべきであるあなたの時間私はまだ助けを必要とする初心者です、ありがとう！

EXAMPLE HERE

コード

HTML

<div id="super_div"> 
<img id="eyes" src="images/eyes.png" /> 
</div> 

これは、それが水平方向の中央れます

that's the question :) 

Answer 1

あなたは絶対的な位置を見る必要があります。まず、divのposition属性をrelativeに設定します。たとえば：

#super_div 
{ 
    position: relative; 
} 

その後、あなたは絶対に画像の位置プロパティを設定し、親のdiv内に配置するために、トップと左または右のプロパティを使用します。たとえば、次のようになります。

#eyes 
{ 
    position: absolute; 
    top: 20px; 
    left: 20px; 
} 

これは、画像が現在の位置を保持する方法です。 Here's a link to an article explaining the basics.これは役立ちます。

Answer 2

CSS：

margin:auto; 

これを垂直に中央に配置する必要がある場合は、ややこしいことになります。あなたはテーブルに頼るか、背景イメージ（これがあなたの状況に適していれば）を使うか、CSSを使って作ってください。私はhttp://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/のコードを以前のような状況を解決するための基礎として使用しました..