2011-07-01 6 views
0

私は最近メインメニューバーにドロップダウンメニューをインストールして何かに気付きました。ドロップダウンメニューをアクティブにすると、そのすぐ下のH1ヘッダーがページ上を移動します。ドロップダウンメニューのように、途中でテキストが途切れることがあります。ドロップダウンメニューを放すと、ヘッダーまたはテキストが元に戻ります。これは下のテキストを含む他のページでも発生します。これを引き起こしていると私はそれを修正することができますか?CSSメニューをドロップしますか?

+0

あなたは絶対に要素を配置し、zオーダーを使用していますか? –

+1

Suckerfish Drop Down =) – Dan

答えて

1

あなたのマークアップを見ることなく100%の確実性で言うことは不可能ですが、あなたのメニューのネストされたリスト(ul)は絶対位置に設定されていません。それを絶対に設定すると、ページの流れから取り除かれるので、下のコンテンツを強制的に押さえるのではなく、他のコンテンツの上に表示されます。あなたのマークアップを表示し、私は確かに言うことができます。

+0

あなたはおそらく正しいでしょう。私はCSSの専門家ではありません。私はulの中にulを作成してドロップダウンを作成し、次にそれを以下のCSSスタイルでスタイルしました。あなたが言うようにコンテンツはそれを下に強制する以外はすべてうまく動作します。次のどのスタイルを使用して絶対位置を設定しますか。 1.#main-nav li ul –

+0

1.#main-nav li ul - パディングとマージンを0に設定し、レイアウト表示なし。 2.#main-nav li:hover ul - width-159、layout - display-block 3.#main-nav li li - 表示リスト項目、リストスタイルの種類 - なし。 –

+0

#main-nav liはpositionが必要:relativeと#main-nav li ulはposition:absoluteが必要です。 – kinakuta

関連する問題