2012-01-05 7 views
0

私はこれを説明できることを願っています。総ページ領域に対するCSSの配置

ブラウザウィンドウの右側に画像が貼り付けられているため、ブラウザウィンドウのサイズが変更されたときに右側に固まります。私が使用するスタイルは、次のとおりです。

style="position :absolute; top :4px; right :4px" 

私も1024pxの最小ボディ幅を持っている:

body 
{ 
    min-width: 1024px; 
} 

このウィンドウは、1024が、その後、画像がまだにこだわっていることを以下にリサイズされるまで、すべてが素晴らしい作品ウィンドウの右側。しかし、私はそれを総ページ領域の右側に貼り付けることを望みます。もしあなたが私の言いたいことを見たら。

おかげで、

AJ

答えて

2

CSS位置属性が置か親に基づいて算出します。画像に親が配置されていない場合、絶対値は画面に相対的です。 position:relativeを置くことでこれを解決できるはずです。体のあなたのCSSで、またはposition:relativeで正確なサイズのdiv内のすべてをラップすることによって、

+0

おかげで、divの中にラッピングがとてもうまくいきました。 –

0

次のようないくつかのコードを、あなたのイメージを含むDIVでposition: relativeを使用して成功することがあります。

<div style="position:relative; min-width: 1024px"> 
    <div style="position: absolute; top: 10px; right: 4px; width: 20px; height: 20px; background-color: red"></div> 

    <div style="width: 1024px; margin: auto 0px; height: 400px; background-color: #AAA">&nbsp;</div> 
</div> 

Example here: http://jsfiddle.net/7jafS/

関連する問題