スタイルシートの入門サイトです。-外枠を作る-

スタイルシート探偵
トップページ → 2カラムレイアウト−外枠を作る
 〜 外枠を作る 〜
 
スタイルシートでページのレイアウトを形作っていくときは、まず外枠作りから始めます。
そして、外枠の中に内枠を作っていくのが一般的な手法です。
 
外枠の幅を割合で指定すると可変になり、ユーザ環境やコンテンツによっては
レイアウトが崩れる心配があります。
ここでは、ピクセル単位で750ピクセルの固定幅にします。
 
[CSSファイル]

#outline{
 width: 750px;
 border: solid 1px #ff0000;
}

[HTMLファイル]

<html>
<body>

<!-- 外枠 -->
<div id="outline">
</div>

</body>
</html>

 
これで外枠は出来ました。
次にヘッダー/フッター枠を作ります。
 
Copyright 2008- CSS-TANTEI All rights reserved.