サブメニューが利用可能なページの高さを超えていますか？

HTMLとCSSのみを使用して簡単な垂直ナビゲーションバーを作成し、サブメニューを追加しました。今問題は、下部のナビゲーションメニューのサブメニューには、サブメニューがページの高さを超えるリンクがたくさんあることです。スクリーンショットは、より良い説明 -サブメニューが利用可能なページの高さを超えていますか？

enter image description here

をあなたが見ることができるように、サブメニューには、Webページの高さを超えると、フッタ（©記号と濃い灰色のストリップ）が空中に浮いてしまいます。最大の問題は、"outerwear"にはさらに長いサブメニューがあり、スクロールして隠れたリンクの残りの部分を見ることができたということです。

この解決策はありますか HTMLとCSS？サブメニューの下のマージン（技術的な意味ではない）をメインメニューの下のマージンに合わせることは可能ですか？

EDIT：ここにコードだ - http://jsfiddle.net/nWxpj/2/

出典

2012-04-11 DriftingSteps

によれば、私はあなたが大きな問題-有する大は全くユーザーフレンドリーではないことをドリルダウンメニューに取り組んでいるとは思いません。メガドロップダウンメニューを使用するか、サブメニューをリンク先ページのサブナビに分割してください – ckaufman

ページやコードを見ることなく何をするのですか？ – Sparky

@ckaufman - はい、わかっています。しかし、それはクライアントの希望です。私は彼にそれについて話し、さらに彼にはよりよい解決策を与えた。水平ナビゲーション（上にある）にもう1つのタブを追加し、あなたが言ったようにメガドロップダウンメニューを追加する。彼は興味がなく、垂直なものを持っていると主張していた。 – DriftingSteps

サブメニューのリスト項目は異なりますので、私は別のクラスを定義することなく達成することは、そのことはできないと思うので、あなたは下のメニューの別々のクラスを定義し、トップを設定する必要があります-margin私が何をしたか、ここで

、Fiddle

出典

2012-04-11 20:43:58

サブメニューが利用可能なページの高さを超えていますか？

答えて

関連する問題