【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9993　余白？

[ＥＳ] [ブラウザ]　 09/07/13 (月) 17:20

何度もすみません。
なかなか作業する機会自体がとれずに止まっていましが、
また再開しました。
そして即壁にぶちあたり。。

作っているサイトそのものを添付しました。

ここで今どうしてもできないのが、
「はじめまして。…」と続くところです。（m-rの部分）
何ができないかというと、この文章の始まりが、
左はどうもpadding-leftで指定していけてるみたいなのですが、上（top-l2）から　いくつと指定したいのに、
marginやpaddingを使っても、画面のサイズを変えると、
すごく上の空白が大きくなります。
見た目変ですよね。
どのように設定すればいいのでしょうか。
助けてください。

▼

▼

▼

　 No.9994　Re:余白？

[atom] [ブラウザ]　 09/07/13 (月) 23:57

これはテーブルのセル（td）でしょ？

tdの上下間隔に対する位置関係は標準で中央です。

ですから、画面を大きくすると中央により、上下に大きな余白ができてしまい、指定したマージンが意味をなさなくなるのです。

上余白（margin-top、padding-top）などを指定したいなら上寄せをしてないと意味がありません。

cssではtdに「vertical-align:　top;」などを指定します。

▼

▼

▼

　 No.9995　Re^2:余白？

[ＥＳ] [ブラウザ]　 09/07/14 (火) 15:03

> これはテーブルのセル（td）でしょ？
>
> tdの上下間隔に対する位置関係は標準で中央です。
>
> ですから、画面を大きくすると中央により、上下に大きな余白ができてしまい、指定したマージンが意味をなさなくなるのです。

初めて知りました。
全部読んで理解してから作り出したつもりでしたが、抜けまくってますね。(>_<)
的確なアドバイスありがとうございます。
できました。
やはり素人がＨＰを作るのは難しいです。
とりあえず、次に進みます。

▼

▼

▼

　一覧 / 詳細