2011-07-29 6 views
1

私はあなたがそれに直面したことがあなたのために非常に簡単に表示される必要がありますが、私は夢中になっている問題に遭遇しています。CSSでの位置付け:相対配置された親の外側に絶対配置されたコンテンツ表示を作成するにはどうすればよいですか?

私はドロップダウンメニューを使用しています。メインメニューdivは、htmlが書かれた順に表示されるように相対的に配置されています。このメニューには、カテゴリのクリックで上に表示される絶対配置のボタンが含まれています。 メニューの直後に、もう1つの相対的に配置されたdivにコンテンツが表示されます。

問題は、subnavボタンがコンテンツdivによって隠されていることです。メニューdivの外に出ているので隠れてしまいます。

マイページは次のようになります。

ヘッダー(相対)


メニュー - カテゴリーVカテゴリーVカテゴリーV


コンテンツ(相対)


これらのすべてレイアウトの外観のために静的に配置された親を持ちます。

注:私はもちろん、コンテンツ部門のメニューを含めることで作業しています。大きな課題は、メニューを大きくすることができるように、コンテンツdivの外側にしたいということです。

希望私は自分自身を明確にしました、あなたの返信のために事前に感謝します。 ご協力いただければ幸いです。

挨拶、 デューク

--------------- EDIT ----------------

ワオ。それがとても簡単だとは信じられない。

問題はオーバフローから来ました:私は非常に自動的に書くことができませんでした。それを取り除くと、メニューの内容が魔法のようにdivから飛び出します:)実際には論理的ですが、今は動作しています)

皆さん、ありがとうございました。 乾杯!

+0

メニューに「overflow:hidden」が設定されていますか?コードを投稿すると便利です。 – Henry

答えて

2

あなたのサイトを見ると、あなたはこのを取り除くglobal.cssライン225

@メニューのoverflow: hidden;セットを持っている、とあなたのメニューが表示されるはずです。

EDIT

私は簡単な説明が順序であると思います。 overflow: hidden;の設定は、基本的にオーバーフローを切り捨てます。つまり、コンテナがoverflow: hidden;に設定されている場合、オーバーフローしているコンテンツ(この場合は範囲​​外メニュー)がクリップされます。

overflowに関するドキュメント。

+0

もう一度おねがいします。 オーバーフローが発生していることはわかっています。これは私の一日を完全にトラブルシューティングしています。D – Romainpetit

+0

ヘンリーに教えてください。私のコンテンツは完全に配置されているので、クリックボタンもテキストも選択できません。あたかも透明なdivが全部終わったかのように... それが原因でなければ、私は新しいトピックをより詳しく書くでしょう。 – Romainpetit

0

コードを投稿した場合は本当に役に立ちますが、これを試すことができます:サブメニューの項目にz-index:9999を追加し、それが動作するかどうかを確認してください。

+0

こんにちは 2つのdivが位置指定ラッパーにないため、z-indexは有用ではありません。私はそれを頑張ったが、何も変わっていない。 私は単純化したコードをできるだけ早く投稿します。 – Romainpetit

関連する問題