0

何らかの理由で、メガ ドロップダウンを使用しているこのページでは、すべてのコンテンツの下に巨大な空白があり、フッターを越えてスクロールできます。何が起こっているのかを理解するのを手伝ってもらえますか?

ホバーすると空白が消えるので、メガドロップダウンに関係していると確信しています。（メニュー項目「コープとキャリア」はメガです）

http://www.georgiancollege.ca/student-success/

奇妙なことに、これらの 2 つのページもそれを使用しており、問題はありません (これら 2 つの他のいくつかのスタイルが台無しになっていますが、壊れたページと同じテーマ/スタイルでそれらを使用していたため、影響はありません。持っていませんでした-現在、それらは壊れたスタイルになっているため、別の開発者が何か他のものを調べることができます)

http://www.georgiancollege.ca/athletics/ (フィットネスセンターのメニュー項目)

http://www.georgiancollege.ca/sdvadev/ (プログラム メニュー項目)

ありがとう。

編集:また、要素を検査すると、インスペクターツールバーのサイズに比べて空白が比例して大きくなります-それが役立つ場合.

4

3 に答える 3

0

これは、custom.cssに次のようなものがあったためです。

#wrapper {
    min-height: 100%;
    position: relative;
}

min-height：100％を削除すると、うまく機能します。

PS次のように、ブラウザウィンドウの下に水平バーが表示されるため、フッターを絶対位置なしに変更します。

#footer {
    bottom: 0;
    height: 60px;
    width: auto;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 1%;
    text-align: center;
}
于 2012-07-26T10:03:27.370 に答える
0

設定してみる#menu-item-197 {overflow:hidden}

または単に#pagenav li {overflow:hidden}

于 2012-07-24T19:31:55.473 に答える
0

位置関係のせいかもしれません。たとえば、下部に自然に構築された div ブロックは、強制的に上部に配置されます。この場合、div ブロックのスペースは常に保持されるため、空白が残ります!!!

于 2012-07-24T20:35:28.817 に答える