CSS フッターのコピーライトが最下位に配置しない

質問

フッターのコピーライトが一番下に配置していません。右側のウィジェットサイドのより下になりたいです。ボックスのはみ出しだと思うのですが、うまくいきません。
教えてください。
よろしくお願いしいます。
http://yesdeafcan.com/

回答No.1

LimeGreen5 · ベストアンサー

こんにちは。

<div id="secondary" class="sidebar-area-top" role="complementary">
このパートが position: absolute で指定されたため、親要素の位置・高さから独立したことが原因のようですね。

現在2段組になっている
<div id="content" class="site-content-top">
のパートが3段以上になったらcopyrightはコンテンツの一番下に落ちるかと思いますが、現状が最終形のレイアウトなのかは不明ですので、とりあえず現段階のCSSを手っ取り早く調整してみましょう。

style-top.cssの507行目

@media screen and (min-width: 960px)
.site-content-top {
position: relative;

}

このブロックに最小天地幅指定をかけてしまえば、
とりあえずcopyright行は下に落ちます。
（デベロッパーツールで確認しました）

.site-content-top {
position: relative;

min-height: 860px;
}

860pxとしたのは、見た目で合わせました。
お好みの数値を入れていただければ。

ブラウザごとの確認が必要かと思いますが、おためしください。

お礼

コメントをありがとうございます。
デベロッパーツールでmin-height: 860px;を追加しましたところ、下に落ちました。
助かりました。