トップページメニューとコンテンツの間の余白が再度できてしまいました。 - CSSカスタマイズ相談

RE: トップページメニューとコンテンツの間の余白が再度できてしまいました。

わいひら — Fri, 08 Jan 2021 11:31:45 +0000

あーボーダーがあったんだ。
ボーダーの方法で修正しておいた方が良いと思います。

yuc — Fri, 08 Jan 2021 10:55:07 +0000

@leafytree　さん

マイナスマージンのコードをこちらのコードに書き換えても解決できました。

ありがとうございます。こちらを使わせていただきます。

お二人ともご迅速なご対応に感謝致します。

yuc — Fri, 08 Jan 2021 10:52:18 +0000

@yhira　さん

ありがとうございます。

無事解決致しました。

リフィトリー — Fri, 08 Jan 2021 10:48:39 +0000

前略、yuc さん

たぶん、ボーダーのような気がします。

#main {
  border-top: 0;
}

わいひら — Fri, 08 Jan 2021 10:26:52 +0000

あまり良い方法ではないかもしれませんが、手っ取り早く以下のようにマイナスマージンを使うとどうでしょうか。

.article .entry-content {
    margin-top: -1px;
}

yuc — Fri, 08 Jan 2021 09:38:20 +0000

お世話になっております。

一昨日こちらのフォーラムで

という質問をさせていただき、cssに元々自分で書き込んでいた

.content {
margin-top: 0px;
padding-top: 0px;
}

.home main#main {
padding-top: 0px;
}

に、アドバイスをいただいた

.article .entry-content {
margin-top: 0;
}

を加えたところ、一昨日触っていたHPは余白がなくなり解決したのですが、本日別のHPで同じように作ろうとしたところ、ほんのわずか1ミリもないくらいですが余白ができてしまいました。

【対象ページ】

https://le-terroir.site/

これの解決方法を教えていただきたいです。

よろしくお願い致します。