• 解決済 Chanchan.

    (@eureka20080321)


    いつもお世話になっております。

    テーマはbeauti_plusで子テーマを作成してカスタマイズしています。

    こちらのフォーラムでフッタの位置を最下部に調整するコードを教わり、実装。
    フッタの位置は、最下部に無事に固定されました。
    ここまでは完璧でした。

    先ほど気がついたのですが、フッタの位置を固定すると投稿した記事のタイトルの位置がズレて表示されてしまうページがありました。

    追加したコードです。

    html, body {
    	height: 100%;
    }
    #pageholder {
    	min-height: 100%;
    	display: flex;
    	flex-direction: column;
    }
    #pageholder .container {
    	flex: 1;
    }
    

    このコードを追加CSSに加えました。

    原因がわかりません。
    教えていただけないでしょうか?

    よろしくお願いします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • CG

    (@du-bist-der-lenz)

    「位置がズレて表示されてしまう」ということで、特定のページでは、ということですね。
    このテーマの特長であれば、スペーサーを挟むことでコンテンツの高さを稼げませんか。

    ishitaka

    (@ishitaka)

    ズレて表示されるページと正常なページの URL を教えてもらえませんか?

    トピック投稿者 Chanchan.

    (@eureka20080321)

    CGさま。
    いつもお世話になります。
    おっしゃる通り、特定のページということです。

    トピック投稿者 Chanchan.

    (@eureka20080321)

    ishitakaさま。

    せっかく教えていただいたコードを生かせずにすいません。。。

    STAFFとRECRUITページ以外全部です。

    この2つに合わせられると助かります。

    お手数をお掛けしますがお願いします。

    ishitaka

    (@ishitaka)

    タイトルのズレを確認できません。もう少し具体的(タイトルは本文の上に表示されている文字のことでしょうか?どのようにズレているのでしょうか?)に教えてもらえませんか?

    ishitaka

    (@ishitaka)

    スクロールバーの有無によるものでしょうか?
    この場合は、スクロールバーを常に表示するとスクロールバーによるズレはなくなると思います。

    html { overflow-y: scroll; }

    トピック投稿者 Chanchan.

    (@eureka20080321)

    ishitakaさま。

    言葉が足らず、申し訳ございません。

    例えば、INFOの部分。
    タイトルと本文が、ページの真ん中にきてしまっています。

    本来は、STFFやRECRUITのテストページのようにタイトルが左端に、本文は改行しない限りページの端から端まで全体的に表示するようにしたいと思っています。

    トピック投稿者 Chanchan.

    (@eureka20080321)

    ishitakaさま。

    教えていただきましたコードを追加CSSに追記したところ、直りました!

    遅くまで付き合わせてしまい、申し訳ございませんでした。
    いつも丁寧にありがとうございます。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「フッタの位置調整、その後の現象。」には新たに返信することはできません。