html、CSSについての質問です。こちらのサイト（ttp://petit-mall.jp/）は、ソースを見ると

CSSの記述を確認してみてください。

メインコンテンツと左のメニューのボックスの外側にさらにボックスがあります。

この外側のボックスを「float:left;」で左側に配置し、右のメニュー用のボックスを「float:right;」で右に配置しています。

※外側のボックスの中に入っているボックスには、それぞれ「float:right;」(メイン)、「float:left;」(左のメニュー)を指定して配置しています。

大体のHTML構造だけ書くと以下のような感じになります。

<div id="container">

一番外側のボックス(※ボックス内包用)

※配置指定なし

<div id="header">

ヘッダーのボックス

※配置指定なし

</div>

<div id="threeColmn">

外側のボックス(※メインとメニューのボックス内包用)

※左に配置指定する

<div id="story">

メインコンテンツのボックス

※右に配置指定する

</div>

<div id="firstMenu">

左のメニューのボックス

※左に配置指定する

</div>

</div>

<div id="secondMenu">

右のメニューのボックス

※右に配置指定する

</div>

<div id="footer">

フッターのボックス

※配置指定なし

※回り込み解除の指定をする

</div>

</div>

CSSは、大体以下のようになります。(各ボックスの数値は適当です。)

#container {

width: 780px;

}

#header {

}

#threeColmn {

float: left;

width: 600px;

}

#story {

float: right;

width: 420px;

}

#firstMenu {

float: left;

width: 180px;

}

#secondMenu {

float: right;

width: 180px;

}

#footer {

clear: both;

}

※floatによる配置をするボックスには、必ずwidthで横幅を指定する必要があります。

※floatによる配置をした後は、回りこみの解除が必要になります。(上記の例ではfooterに回り込みの解除を指定しました。)

以下のサイトで配布されているテンプレートを使用しているようですので、HTMLソースやCSSを確認してみてください。

http://design.affiliatetek.net/

3段組レイアウトの勉強には、以下のサイトが参考になると思います。

http://css.uka-p.com/

※実践講座を試してみてください。

実際に順番に作ってみるとわかりやすいと思います。