記事参照
No.2 2007/05/18 00:12
題：Re: 教えてください。
名：うま
>>0
> http://sygg.web.infoseek.co.jp/zakki.html
> ↑のペ−ジみたいな、周りが黒いレイアウトはどのようにすれば作れるのでしょうか？
>
考えられる方法は、３つ。
１．リンク先のページのようにインラインフレームを使う
２．テーブルを使う
３．Divタグを使う
１．の方法
表示したい文章を書いたページ（背景色は指定してください）を別ページにします。（main.htmなど）
そして、表示する（周りが黒く表示されるページ）には
<body bgcolor=#000000 style="padding : 100px;"><iframe src="main.htm">インラインフレームが表示されない場合は<a href="main.htm">こちら</a></iframe></body>
などと記述します。
２．の方法
表示する（周りが黒く表示されるページ）に
<body bgcolor=#000000 style="padding : 100px;"><table border="0" bgcolor="#ff0000"><tr><td>表示したい文章</td></tr></table></body>
などと記述します。
３．の方法
表示する（周りが黒く表示されるページ）に
<body bgcolor=#000000 style="padding : 100px;"><div style="background-color : #FF0000">表示したい文章</div></body>
などと記述します。
※いずれもＣＳＳが記述されています。
※パディング（padding）とは、ボックスの中の余白のことです。
※いわゆる、マージン（margin）はボックスの外の余白のことです。通常<body>タグにはマージンは指定せず、パディングを指定します。
※ここまでＣＳＳを記述しなければならないなら、外部ＣＳＳを記述することをお勧めします。（body{margin : 0px;}とかも指定したいし。）
掲示板に戻る