レイアウト全体の設定

まずはじめに3カラムレイアウトの全体の設定をします。

HPはデフォルトでは左寄せで表示されます。3カラムレイアウトの場合、左寄せでは見た目のバランスが悪いのでCSSの外部ファイルで中央に配置します。行間は1.4に設定します。

外部ファイル

body{
text-align:center;
line-height:1.4;
}

まずHPのレイアウト全体をdivタグの枠線無しの横幅710pxのボックスで囲います。上記でHPを中央寄せにしているのでtext-align:left;でテキストを左寄せに戻してます。
レイアウト全体の囲いの中はヘッダー、サイドバー（左側）、メインコンテンツ、サイドバー（右側）の構造になります。

3カラムレイアウト全体

ソース

<div id="body">レイアウト全体</div>

外部ファイル

div#body{
width:710px;
margin:auto;
text-align:left;
}