２−３ 上下に並んだ<div>..</div>を左右に配置させる
floatで左右に配置させる
縦に組み合わせた<div>のボックスを左右に配置するためには、「float」を使います。「float」は左右への回り込みを指定するスタイルシートで、縦に並んだものを左右に配置することができます。
#b-box { float : left } 左へ回り込む
#c-box { float : right } 右へ回り込む
#c-box { float : right } 右へ回り込む
ホームページソース
XHTML
<html>
<head>
<title></title>
</head>
<body>
<div id="site-box">
</div>
</body>
</html>
<head>
<title></title>
</head>
<body>
<div id="site-box">
<div id="a-box"></div>
<div id="b-box"></div>
<div id="c-box"></div>
<div id="d-box"></div>
</div>
</body>
</html>
CSS（スタイルシート）
#site-box { }
#a-box { }
#b-box {
float: left;
}
float: left;
}
#c-box {
float: right;
}
float: right;
}
#d-box {
}
このページをブックマークする→ 
Yahoo!ブックマークに登録
Yahoo!ブックマークに登録
ホムつくメールマガジン 〜プロが明かす〜 これが人気ホームページの裏側だ！
（「まぐまぐ」にて殿堂入りしました）
ホームページ作成を一人で頑張るのもいいですが、仲間と一緒に頑張りませんか？
人気ホームページの作り方やホームページ運営者の生の声などの情報を発信していますので、ぜひあなたも購読してみてください。
ホムつく講座の講師は
こんなヤツ！
こんなヤツ！
ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。
→プロフィール
→お問い合わせ
ホームページ作成に
必要なものは？
必要なものは？
ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。
ホームページを初めて作るのですが・・
ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。
もっとデザインを
良くしたい
良くしたい
ホムつく講座では見た目だけが良いデザインではなく、ユーザー（利用者）の方が安心して、ホームページを閲覧できるデザインを学べます。
ホームページにアクセスが集まりません
ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。