3段組みを中央に配置したい

質問

3段組の配置で行き詰っております。
お解かりの方がいらっしゃいましたら、お手数でもご回答をお願い申し上げます。

XHTMLで3段組のHPを作成したいのですが、どうしても、リキッド表示になり困っております。
目標は、750pxで中央に配置したいのです。
3段組みの構成は、
左側に「navigation」
真ん中に「photo」
右側に「contents」
「photo」と「contents」をcontainerとしてfloat: right;を使用しておりますが、うまくいきません。
containerが画面のサイズに合わせて右端を基点に動きます。

YAHOOのサイトのように常に中央に配置したいのですが、どうしたら良いでしょうか。

ちなみに、ヘッダーとフッターについては
body {
text-align:center;
}
で中央に配置されております。

重ねてお願い申し上げます。

回答No.1

noname#187541

こんばんは。

中央に表示する方法として私は次のようにしています。

body
{
margin:0px; /* ページ全体のmargin */
padding:0px; /* ページ全体のpadding */
text-align:center; /* 下記のautoに未対応用のセンタリング */
}

#main
{
margin-left:auto; /* 左側マージンを自動的に空ける */
margin-right:auto; /* 右側マージンを自動的に空ける */
text-align:left; /* 中身を左側表示に戻す */
width:800px; /* 幅を決定する */
}

参考になれば幸いです。

お礼

M-SOFT様
仕事上ご連絡が遅くなりすいませんでした。
早速試したところ、思った様に表示できました。
前に進めます。
感謝申し上げます。