WordPress固定ページのフッター下にできた謎の余白を消したいです

Question

前提・実現したいこと

WordPress固定ページのフッター下にできた謎の余白を消したいです

発生している問題・エラーメッセージ

WordPressの固定ページ（内容がほぼ入力されていないページかつ、サイト幅769px以上の場合）のフッター下にできた空白を消したいです。内容の入力された固定ページは空白がありません。
原因がわからず、躊躇しています。ご教授のほど、よろしくお願いいたします。

該当ページ：https://nozawayuya.jp/company

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

「WordPress」タグを追加してください。
場合により利用されたテーマや自身が組んだコードがあればそれも提示されたほうがアドバイスはつきやすくなります。

[Lhankor_Mhy]

「謎の余白」とは、ページの高さがビューポートより短く途中で終わっていることですか？

[nozawayuya]

ありがとうございます。
テーマは「DIVER」です。
コードですが、ちょうどデベロッパーツールで指定できない部分です。
ページの内容が少なすぎてフッターが上に上がっているだけではないかという推測もしております。

[dit.]

コンテンツ量が足りない（少ない）ためにフッターが上の方に来ているということですよね。やりたいことはこちらのような状態だと推測します。
https://senoweb.jp/note/footer-position/

テーマはこちらでしょうか。https://tan-taka.com/diver/
有料のようなので入れて試すことはしませんが、上記のサイト等を参考にご自身でカスタマイズするか、作者さんにコンタクトを取りカスタマイズのサポートを受けてはいかがでしょうか。
よくある質問に
> Q.Diverのカスタマイズを代わりにやっていただくことはできますか？
> A.カスタマイズの代行はサイト制作代行という形で別途費用がかかる場合が有ります。やりたいことが明確であれば、サポートいたしますのでまずはご相談ください。
とあります。どこまでサポートしてもらえるかはわかりませんが

[nozawayuya]

>Lhankor_Mhy 様

そうです、私が余白と勘違いしているかもしれません。

[nozawayuya]

>dit.様

おっしゃる通り、記事の通りが理想です。
テーマはそちらで間違いないです。
参考にさせていただきます、ありがとうございます！

Answer 1

メインのコンテンツ量が少ないため、ページ全体の高さが画面の高さより小さいためにフッターが上に来ていますね。

min-heightでメイン部分の最小高さを適切に設定すればいいでしょう。
(画面の高さ100vh - フッターの高さ)

Chromeの検証ツールでは下記のCSSでうまくいきました。
WordPressの追加CSSに追加してみてください。

#container {
    min-height: calc(100vh - 313px);
}

@media screen and (max-width: 768px)
div#container {
    min-height: calc(100vh - 655px);
}

Comments

[nozawayuya]

>hatena19様

ありがとうございます。やはりコンテンツ量で決まるようですね。
CSS参考にさせていただきます。

Answer 2

とりあえず、こうしてみてはどうでしょうか。ページの高さが足りなくなる、ということはなくなると思います。

#container {
	min-height: 100vh;
}

Comments

[dit.]

いろいろいじるより手っ取り早くていいですね。

[nozawayuya]

>Lhankor_Mhy様

ありがとうございます。確かにフッターは末端まで下がります。
参考にさせていただきます！