A-type Box

Atype 


/* --スクロール表示用コード-- */  
html {  
overflow-y:scroll;  
}  



/* コンテナ */
div#container	{
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	height: 30px;
}




/* メイン */
div#main	{width: 541px;
	float: left}




/* ヘッダー */
div#header	{
	background-image: url();
	height: 30px;
}




/* コンテンツ */
div#content	{width: 370px;
	float: right;
	margin-left: auto;
	margin-right: auto}




/* サイドバー */
div#sidebar	{
	width: 104px;
	float: left;
	margin-bottom: 25px;
	margin-left: 5px;
	margin-top: 29px;
}



/* 右サイドバー */
div#sidebar-right	{
	width: 104px;
	float: right;
	margin-right: 1px;
}



/* フッター */
div#footer	{
	background-image: none;
	width: 370px;
	height: 72px;
	margin-top: 25px;
	margin-bottom: 200px;
}

B-type Box

typeB 


/* コンテナ */
div#container	{
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	height: 30px;
}




/* メイン */
div#main	{width: 700px;
	float: left}




/* ヘッダー */
div#header	{
	background-image: url();
	height: 30px;
}




/* コンテンツ */
div#content	{width: 527px;
	float: right;
	margin-left: auto;
	margin-right: auto}




/* サイドバー */
div#sidebar	{
	width: 104px;
	float: left;
	margin-bottom: 25px;
	margin-left: 4pt;
	margin-top: 29px; 
    position: fixed;  
}
* html div#subContents    {     
   position: absolute;     
   top: expression(eval(document.documentElement.scrollTop+29));     
} 


/* 右サイドバー */
div#sidebar-right	{
	width: 2px;
	float: right;
	margin-right: 1px;
}



/* フッター */
div#footer	{
	background-image: none;
	width: 527px;
	height: 72px;
	margin-top: 25px;
	margin-bottom: 30px;
}

C-type Box

typeC 


/* コンテナ */
div#container	{
	width: 715px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	height: 30px;
}




/* メイン */
div#main	{width: 673px;
	float: left}




/* ヘッダー */
div#header	{
	background-image: url();
	height: 30px;
}




/* コンテンツ */
div#content	{width: 473px;
	float: right;
	margin-left: auto;
	margin-right: auto}




/* サイドバー */
div#sidebar	{
	width: 104px;
	float: left;
	margin-bottom: 25px;
	margin-left: 5px;
	margin-top: 29px;
}



/* 右サイドバー */
div#sidebar-right	{
	width: 2px;
	float: right;
	margin-right: 1px;
}



/* フッター */
div#footer	{
	background-image: none;
	width: 473px;
	height: 72px;
	margin-top: 25px;
	margin-bottom: 30px;
}

今後、旧Ver.IE対策や、その他細かい修正等の内容を付加し拡張していきたく思っております。何かお気づきの点がありましたら宜しくご鞭撻下さいませ。
●参考／http://higash.netが勉強になります。
↑ちなみにWebページにソースコードを色付けして掲載するには
●syntaxhighlighter_3.0.83＞styles＞shCoreDefault.cssの
60行目 font-size: 0.7em !important;　で文字サイズが変更できる。
●参考／Awaresoft・●参考／WEBデザインBLOG