2010-12-30 13 views
0

の上部に見せているのdiv ..私は休閑のCSSスタイルを持つdiv要素を持っている、それは常にページ

background-color: #FFFFFF; 
border: 1px solid #C3CFD1; 
display: block; 
height: 480px; 
left: 262px; 
margin-left: auto; 
margin-right: auto; 
overflow-x: hidden; 
overflow-y: auto; 
position: fixed; 
top: 44px; 
width: 517px; 
z-index: 2000; 

私は私のpage..theで低ダウンしているボタンのクリックしたときに、このdiv要素を示す午前を示しながら、問題は..いつ私がこのdivを開いているときにページが開かれているのですがいつもページの上部にあります。しかし、私が望むのは、常にページに対して相対的に開くべきです。上にないだけ開いてください。jqueryのソリューションもまた適用されます..

何か助けや提案が心から感謝される... !!!
事前に感謝!!!

+0

位置でプレー、左、上のCSS値http://www.w3schools.com/Cssにそれをバインドする必要があります/pr_class_position.asp –

+0

はい、私はこれをしましたが、私のために起こっていません:( – Vivek

+0

使用位置:相対;左を使用する場合はmargin-leftとmargin-rightを削除:proprety、またはより良い使用leftとtopを使用して余白を使用 –

答えて

0

万が一、Internet ExplorerでテストしてQuirksモードになっていないのですか?私は簡単なテストをしましたが、それは他のブラウザでは動作しますが、IEでは動作しません。 QuirksからStandardモードに変更したところ、完全に機能しました。

+0

私はfirefoxでテストしています... – Vivek

+0

あなたは私にhttp://jsfiddle.net/の作業モードを表示できます – Vivek

+0

ここに行くhttp://jsfiddle.net/eH6pS/。今度は 'return false;が見つからないと思っています。jQueryを使わず、' href = 'javascript:toggle()' '属性を使ったテスト(CSSテストでは十分ではありませんでした) 。 – maus

0

は「固定」stucksをposition: fixed; position: relative;に値を変更する「相対的」はz屈折率のように動作し、常に最上層になり、常に特定の場所、の要素を試してください。

+0

私はそれを位置に変えつつある:relative;ページの下部に開かれています。 – Vivek

+0

'position:relative'は、通常のフローで要素を相対位置に相対的に置きます。 Vivekが必要とするものではありません。 – maus

0

は、私はあなたがそのような何かをしたいかもしれないと思うが、あなたはスクロールイベント

$('#tester').css('top',$('body').scrollTop() + 'px'); 
関連する問題