CSS divの位置に関する問題

私はCSSベースのasp.netのmasterpageを持っています。私は、ナビゲーションdivのすぐ上にあるbrowse divを使用しています。ブラウズdivがナビゲーションdivの後ろに流れています。私はその位置で遊んでいましたが、もし私がナビゲーション位置を変えれば、それを修正しますが、そのdiv内のすべてがページの下半分に移動することがわかりました。私はいくつかのgoogleingを行っていると上になるようにdivを強制する方法については何も見つけることができません。あなたは私がそれを提供することができますより多くの情報が必要な場合。CSS divの位置に関する問題

私は以下のCSSコードのセレクトパーツを貼り付けています

#header2 { 
height: 2.5em; 
border-bottom: 1px dashed #0055a5; 
color: #FFF; 
background-color: white; 
} 

#header2 .browse { 
color: #000000; 
background-color: transparent; 
float: left; 
margin-left: 1em; 
margin-top: .1em; 
font-weight:bold; 
font-style: normal; 
font-variant: normal; 
font-size: 70%; 
line-height: normal; 
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif; 
width: 144px; 
position: fixed;  
} 

#navigation 
{ 
background-color: white; 
width: 200px; 
height:100%; 
top: 105px; 
left: 0em; 
width: 13em;  
position: absolute; 
font-family: Arial, Helvetica, sans-serif; 
font-size:90%; 
}

出典

2009-04-27 Andrew Parsons

ナビゲーションの背後にある部分は、javascriptメニューのドロップダウンです。 –

これらのマークアップの簡略化されたバージョンを含めてください。誰がどこにネストされているかについて重要な情報があります。また、サンプルページへのリンクをお願いします。ありがとうございました –

サンプルページへのリンクを提供できません。これらのページは、イントラネット専用です。心配してくれてありがとう。 –

トップで、あなたは、ビューポートの上部、またはの上部を意味していますスタック（すなわち、z-インデックス？）。

ビューポートの上部を意味する場合は、位置を固定してください。

編集して、もう一度読むと、私はあなたがZ-インデックスを意味すると思います。、すなわち、トリックを行う必要があります

position:relative;z-index:100;

を使用すると、相対的にトップ（ブラウジング？）に保存しておきたい要素の位置を設定し、100のようなものにZインデックスを設定します。

出典

2009-04-27 19:03:04 miketaylr

あなたはそれがページの最上部に、固定滞在したい場合は、あなたが.browseクラスにtop: 0;を設定してみてください可能性があります。また、それが実際に<div>タグであるかどうかを確認してください。

私はあなたがfirebugを使用する場合は試していくつかの時間を節約できます賭ける - あなたはすでにそれを持っていない場合は、それを取りに行く=）

出典

2009-04-27 18:33:38

CSS divの位置に関する問題

答えて

関連する問題