2011-11-11 2 views
1

私は、ページの上部に固定位置のヘッダーdivを持っています。浮動小数点divの間にdivをリンクしてリンクすることはできますが、リンクにはまだアクセスできますか?

中には、いくつかのdivが左に浮かび、いくつかのdivは右に浮かびます。私は別のdivを、私はページの中央に配置したい、それらの間に垂直に配置します。

図:

DivA DivB   PageCenteredDiv  DivC DivD DivE 

私はページが大きな作業のdivを中心としています

width:  100%; 
text-align: center; 
position: fixed; 
top:  0; 
left:  0; 

しかし、どんなに私はdiv要素のいずれかの上のzインデックスを使用して何をすべきか、のリンク浮動小数点divは中心divの下にあり、クリックできません。

浮動小数点数を他の浮動小数点数よりも上にする方法はありますか?

助けていただけたら幸いです!

答えて

3

あなたが中心のdivに幅を設定することができる場合:

left: 50%; 
margin-left: -150px; 
position: absolute; 
text-align: center; 
top: 0; 
width: 300px; 

両側に浮かんでdivの上に重なってからそれを維持しながらこれは、ヘッダ内の中心300px・ワイドdiv要素になるだろう。あなたは明らかに内容に応じて幅を選択することができます。

編集:あなたが働いて、それを見ることができるように、私はJSFiddleのクイックデモを調理しました:http://jsfiddle.net/MartinodF/2gXKP/

+0

+1素敵なソリューションを@MartinodF –

関連する問題