body{
padding:0px;
margin:0px;
text-align:center;
background-color:#ffffcc;
}
#a1{ /*全体枠*/
text-align:left;
line-height:200%;
padding:20px;
margin:0px;
width:850px;
background-color:#ffffff;
border-left:1px solid #777777;
border-right:1px solid #777777;
}
#t1{ /*タイトル枠*/
padding:15px;
line-height:200%;
}
#c1{ /*コンテンツ枠*/
width:810px;
padding:15px;
line-height:200%;
border-top:1px solid #777777;
clear:left;
}
#c2{ /*左コンテンツ*/
width:600px;
padding-top:0px;
padding-bottom:0px;
padding-right:15px;
padding-left:0px;
margin:0px;
float:left;
line-height:200%;
}
#c3{ /*右メニュー*/
width:170px;
height:300px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
padding-left:15px;
margin:0px;
border-left:1px solid #777777;
float:left;
line-height:200%;
}
#f1{ /*フッター*/
padding:15px;
line-height:200%;
border-top:1px solid #777777;
clear:left;
}
#d1{ /*バックグラウンド緑*/
margin:15px;
padding:15px;
width:500;
line-height:120%;
background-color:#ccffcc;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="description"
content="インターネットを楽しむための情報を紹介しています。">
<meta name="keywords" content="インターネット,楽しく,情報">
<meta name="robots" content="index,follow">
<link rel="stylesheet" href="design2.css" type="text/css" media="screen">
<title>
私のインターネット活用法 スタイルシート２（右メニュー）
</title>
</head>
<body>
<div id="a1">
<div id="t1">
<H1>
私のインターネット活用法 スタイルシート２
</H1>
</div>
<div id="c1">
<a href="http://webnavisys.com/">トップ</a>＞
<a href="http://webnavisys.com/html/p50/">ホームページ作成</a>＞
スタイルシート２（右メニュー）
</div>
<div id="c1">
<div id="c2">
<h2>このページのスタイルシート</h2>
このページのスタイルシート（右メニュー）です。
<div id="d1">
<pre>
★スタイルシートのコード★
</pre>
</div>
<br>
<h2>ＨＴＭＬソース</h2>
このページのＨＴＭＬソースの概略です。
<div id="d1">
<pre>
★ＨＴＭＬソース★
</pre>
</div>
<BR>
</div>
<div id="c3">
<h3>ホームページ作成</h3>
★右メニュー★
</div>
</div>
<!--サイトマップ-->
<div id="c1">
★サイトマップ★
</div>
<div id="c1">
<center>
−
<A href="http://webnavisys.com/new.html">更新履歴</A> −
<A href="http://webnavisys.com/map.html">サイトマップ</A> −
<A href="http://webnavisys.com/link.html">リンク</A> −
</center>
</div>
<div id="f1">
<center>
Copyright © webnavisys.com All Rights Reserved.
</center>
</div>
</div>
</body>
</html>