- 〜 外枠を作る 〜
-
- スタイルシートでページのレイアウトを形作っていくときは、まず外枠作りから始めます。
- そして、外枠の中に内枠を作っていくのが一般的な手法です。
-
- 外枠の幅を割合で指定すると可変になり、ユーザ環境やコンテンツによっては
- レイアウトが崩れる心配があります。
- ここでは、ピクセル単位で750ピクセルの固定幅にします。
-
- [CSSファイル]
#outline{
width: 750px;
border: solid 1px #ff0000;
}
- [HTMLファイル]
<html>
<body>
<!-- 外枠 -->
<div id="outline">
</div>
</body>
</html>
-
- これで外枠は出来ました。
- 次にヘッダー／フッター枠を作ります。
-
|
