私のサイトは上部にメインメニュー。
その下の左側にサブメニュー、右側に本文という構成になっています。
以下はその主要な部分です。
■HTMLファイル
<body>
<div id="header"><!-- header -->
上部の横1段部分
</div><!-- header終了 -->
<div id="pagebody"><!-- pagebody -->
<div id="navigation"><!-- navigation -->
下の左側部分
</div><!-- navigation終了 -->
<div id="content"><!-- content -->
下の右側部分
</div><!-- content終了 -->
</div><!-- pagebody終了 -->
</body>
■CSSファイル
/* 全体構造-----*/
@charset "Shift_JIS";
* { margin : 0 ; padding : 0 ; }/*マージン、パッティングは原則0*/
body { width : 100% ;}
/* ヘッダ（先頭の部分）-----*/
#header {width : 100%;margin :2 0 0 0;}
/* ページ本体（＝ナビゲーション＋コンテンツ）-----*/
#pagebody {float:left;}
/* ナビゲーション（左側のサブメニュー）-----*/
#navigation {float:left; width:235px;}
/* コンテンツ（中央右側の文章を書く部分）-----*/
#content {margin-left: 235px;width:100%;}
お礼
ありがとうございます。参考にしてみます。 3列というのは、横3列ということですか？間違っていたらすみません。 目指しているのは、上に横1段、その下に左右に分かれたたて2列です。