1

私はこのサイトの新しい投稿者です。私はこれを数年間研究リソースとして使用してきましたが、コミュニティ全体に手を差し伸べる必要があるという点で困惑したのはこれが初めてです.

私は現在、クライアント向けのサイトの再設計の最終段階に入っています。フレームワークとして大幅にカスタマイズされたバージョンの WooThemes Canvas を使用し、http: //dev.victorybeer.com にあります。標準のフッター料金とともにいくつかの動的データを下部に表示するために、いくつかの追加のマークアップ項目を footer.php ファイルに追加しました。あなたが見ることができる問題は、フッターの下に表示される余分なスペースです (青い背景が見える場所)。サイトは、赤い「フッターコンテナ」DIV で終わる必要があります。

マークアップと css を (FireBug を使用して) 2 回および 3 回チェックして、すべてが有効であること、および下部を押し下げる可能性のある内部要素からマージンやパディングが適用されていないことを確認しましたが、まったく何も表示されません。これは、これを作成することを示しています。いくつかの奇妙なPHPの問題を除けば、なぜそれが起こるのか理解できません。下部のナビゲーションとフッターコンテナの DIV を削除すると、サイトは適切に終了します (「ヨーロッパの伝統...」というキャッチフレーズのすぐ下)。

WooThemes に HelpDesk チケットを提出したところ、フッターコンテナ DIV に 300px の高さをハードコードしてスペースを覆うように押し下げるという回答が得られました。レスポンシブ サイトとして、これは私には合いませんでした。原因を治療するというよりも、症状をカバーしているように見えました。チケットを再度開き、回避策が十分ではないことを示したとき、応答は私を困惑させました:

ギャップが生じた理由は、フッターが一番下まで届かず、フッターまでの高さがそれを修正したためです。モバイルビューでもソリューションをテストしましたが、うまくいきました。

ご存じのように、ページ上のすべての要素は互いに影響を受けており、その結果、下部のギャップが生じています。要素が必要に応じて正確にレンダリングされないサイトで作業し、このような css を追加して修正しました。

これ以上は正直わかりません。

は？私が知りたいのは、フッターが一番下まで届かない理由であり、そうでないという事実を隠す方法ではありません。

誰でもこれを手伝ってもらえますか？大変ありがたく存じます。サイトは 3/3 に公開される予定ですので、皆様のご協力をお願いいたします。

4

1 に答える 1

0

私も以前にこの問題を抱えていました。最善の方法ではないかもしれませんが、私が修正した方法はいくつかあります。

十分な「高さ」コンテンツがない場合、それを修正する簡単な方法は、custom.css で高さを修正することです (460 行目)。

私はそれを試してみましたが、その余分なスペースを埋めるのにうまくいくようです.

#footercontainer {
background-image: url("images/vbc_bkg_wfh.png"), url("images/vbc_bkg_footer.png");
background-position: 80% 70px, left top;
background-repeat: no-repeat, repeat;
border-top: 1px solid #270101;
height: 280px;

高さを 280px に変更しましたが、すべてのページに同じ高さのギャップがないため、常に機能しているようです。より詳細な情報を探している場合は、HTML と CSS のすべてを調べる必要があると思います。この修正は、過去に私のために働いていました。

于 2013-02-22T21:02:41.883 に答える