2011-12-09 21 views
0

背景:サイトヘッダーがあり、別のdiv(workspaceSelectNavまたはaccountActionsContainerのいずれか)をクリックするとdiv(headerAdminPanel)を表示するjQueryコードがいくつか作成されました。本質的にその中に様々なオプションを持つメニューになります。私はヘッダーがオーバーフローでdivを持っているので、このheaderAdminPanelパネルdivを正しく表示するためにいくつかの問題を抱えています:その中に隠されていて、Zインデックスの位置付けが答えではないようです(私が間違っていない限り)。 position:relative;position:absolute;、またはposition:fixed;z-indexの影響を受けていると http://jsfiddle.net/user1032334/NY75B/2/オーバーフローしたdiv上にdivが正しく配置されない:hidden

+0

この問題が発生する可能性のある最も簡単なシナリオにこれを書き留めてください。また、[jsfiddle](http://www.jsfiddle.net)に例(jQueryを含む)を投稿することを検討してください。 – bookcasey

答えて

0

私たちは、このセクションのためのあなたの全体のコードを持っている場合は知りません。しかし、あなたのコードには2つの追加閉鎖</div>タグがあります。無効なHTML になる可能性があります。
ライン19 & 20は、余分な</div>タグを持っています。

Check out this JSFiddle. < - これは、2つの余分な終了タグ付きのコードです。 (コメントあり)
Check out this JSFiddle. < - これはあなたのコードですなし 2つの余分なタグ。

+0

ありがとうございました。私はあなたが私が見ているものを見ることができるようにJSに追加しました。ワークスペース名またはユーザー名パネルをクリックすると、左側にdiv表示が表示されます。それが理にかなっているなら、白い欄の外にその高さを表示するには、このdivが必要です。それはオレンジ色の "5"を表示する必要があります[リンク] http://jsfiddle.net/user1032334/NY75B/1/ – Curtis

+0

ヘッドアップありがとう。それをすぐに入力して、今保存されたように見えます。 – Curtis

+0

まだ動作していません:http://jsfiddle.net/user1032334/NY75B/3/ – Anil

1

だけの要素:

は、ここに私のHTMLコードです。

おそらくこれは役立ちます:

#workspaceSelectNav { position:relative; z-index:whatever;}

0

単純な解決策は、オーバーフローが表示されたときにオーバーフローがカットされないように、サブメニューの高さを単純にヘッダーに追加することです。余分な高さでコンテンツを下に押さえたくない場合は、常に下にマイナスのマージンを適用できます。