• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSSで謎の空白ができてしまいます。)

CSSで謎の空白ができてしまいます

このQ&Aのポイント
  • CSSでサイトの構築をしている際に、naviとmenu&mainの間に謎の空白が生じています。marginやpaddingの調整などを試しましたが解決できません。どうすれば良いかご指導ください。
  • CSSでサイトを作成中に、naviとmenu&mainの間に予期しない空白ができます。marginやpaddingの値を調整しても解決できない場合、どのような対処法があるのか教えてください。
  • CSSを使用してウェブサイトを作っている際、naviとmenu&mainの間に不正な空白が生じてしまいます。marginやpaddingを0に設定しても解消されず、困っています。どうすればこの問題を解決できるでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • outbrave
  • ベストアンサー率60% (231/380)
回答No.2

こちらからでは、ご指摘の画像は見れません。 class="navi" と class="menu" の間ですよね? 「トップページ」のリンクと白色の間の灰色部分です。 .navi{/* サイト内のナビゲーション */ /*height: 40px;*/ ここを消すだけで間はなくなるのですが。 ソースの方で、「ここ」とか「この上」などの文字は入れれませんか?

fgc4812
質問者

お礼

すいません、外部リンク無効のサーバーに画像を上げてました。 ご指摘の通りheightの要素を消したところ正常に表示されました。 こちらの無知で重ねてご迷惑おかけして申し訳ございません。 本当に、本当にありがとうございました。

その他の回答 (1)

  • outbrave
  • ベストアンサー率60% (231/380)
回答No.1

.navi{/* サイト内のナビゲーション */ height: 40px; ご質問の位置が不明ですが、問題はここかな?

fgc4812
質問者

補足

そのCSSを適用した下の背景色と同じ灰色になってる部分です。 わかりづらい説明で申し訳ございませんでした。 とりあえず問題の部分を青色で塗ってみました。どうでしょうか? http://blog-imgs-16.fc2.com/t/e/s/testestes0101/test2.png

関連するQ&A