- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ホームページの上下の隙間を消すには)
ホームページ上下隙間消し方法
このQ&Aのポイント
- ホームページの上下の隙間を消す方法は、左右にだけ背景があるよくあるページを作ることです。
- しかし、自分で作っているにも関わらず、色々いじってもなぜかどうしても上下に隙間ができてしまいます。
- 上下がぴったりつく方法を教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
大体、こんな感じでOK。 -- ココから -------------------------------------- body { margin: 0; padding: 0; background-color: #999; } div#main { width: 800px; margin: 0 auto; padding: 0; background-color: #fff; } div#main p { margin: 0; padding: 0; line-height: 100%; } div#main img { width: 800px; height: 1000px; } -- ココまで -------------------------------------- ポイントは<P>タグに“line-height:100%”を指定して置く事かな。これが無いと、各ブラウザでのDefault値の改行高さが適用されるので、たいていの場合は上下に1行分くらいの隙間が出ます。
お礼
ご回答ありがとうございます。 色々手当たり次第にいじってみて 中に入れている画像のmarginを調節したら出来たことがあったのですが mainやbodyの設定を変えるとか別に方法があるはずだと悩んでいました。 そういうものなんですね。 勉強になりました。