2011-04-15 18 views
0

divの配置を中心にしたラッパーの中に入れて、ブラウザのサイズを調整しても移動しないようにしようとしています。このアイデアはFacebookのホームページに似ていますが、ページが大きくなるとすべてのdivが中央に置かれ、相対的に移動しません。ネストされたdivの配置

私のdivのすべてがこの中に入れ子になっている:

#header { 
    width: 750px; 
    margin: 0 auto; 
    } 

私は内のdiv要素を配置するためにしなければならないのですか?ポジショニングとは何か?

申し訳ありません申し訳ありませんが、これはあいまいな説明です。明確にする必要があります。

ご協力いただきありがとうございます。

答えて

1

を役に立てば幸い並んで表示されます。

+0

内側のdivを浮動小数点に設定すると、移動しません。これは私が望むものです。同じ効果で他の場所に配置する方法はありますか? 編集:ああ、私はマージントップの代わりにトップを使用していました。心配無用! – Sebastian

+0

最後に1つの方法 - div内にdivをどのように配置するのですか? – Sebastian

+0

'margin:0px auto;'は幅が指定されていれば、div内のdivを中心にします。 –

0

私はATTRを使用してそれを修正 、同じ問題を抱えているために使用される:

スタイル=「分幅:970pxを;」

私は、あなたはおそらく、内側のdiv要素については

http://www.positioniseverything.net/easyclearing.htmlを参照)、そのコンテナのdivのためのclearfixクラスを持っているfloat: left;、明示的に定義された幅は、あなたがそれらを持っている必要があり、すべてである必要があり、それは

1

経験則として、position: absoluteを使用しないでください。レイアウト効果を得るための最良の方法はほとんどありません。

絶対位置指定を使用する場合は、コンテナposition: relativeを設定して、新しい測位コンテキストを確立し、要素をウィンドウの代わりにエッジに対して配置します。

#header { 
    width: 750px; 
    margin: 0 auto; 
    position: relative; 
} 
関連する問題