僕の作るサイトは大概ウインドウがある程度大きくなるとセンタリングして表示させるようなデザインになっています。
いろいろ理由はありますが、スペースの無駄が嫌いなのと、シンメトリーが好きなのが主な理由。
かつてはTABLEタグでレイアウトして大本のTABLEタグに「align="center"」を入れれば済んだことなのですが今となってはTABLEでのレイアウトなんてありえない時代。
ただ、これをCSSで実現するにはちょっとコツがいります。
以下その方法を解説します。

サイト全体をセンタリングするレイアウトを考えます。
<body>タグ配下に<div>タグを配置し、任意のID(ここでは「naiyo」にした)を設定します。
こんなかんじ。
↑↑ここから上省略↑↑
<title>無題ドキュメント</title>
</head>
<body>
<div id="naiyo">内容
</div>
</body>
</html>
<title>無題ドキュメント</title>
</head>
<body>
<div id="naiyo">内容
</div>
</body>
</html>
「naiyo」に対してCSSの設定をします。
ポイントは右マージン「margin-right」及び左マージン「margin-left」を「auto」にするところ。
こんなかんじ。
#naiyo {
padding: 0px;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
「margin-right」と「margin-left」以外は任意です。padding: 0px;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
ただし、「width」の指定がないとセンタリングにはなりません。
で、この配下にデザインされたパーツを置いていけばOKということです。
念のため簡単に作ったものを置いておきます。
■ センタリングテスト
例えばサンプルページとして以下の中に素材写真の一枚を張り込んでみるとhtml記載は以下の様になりますがそこのどこへCSSの設定を書き込めば良いのか教えて頂ければ幸いです。
現在のところホームページ制作にはビルダー13を使って作っています。試しにサンプルページを作ってビルダーの中のツール→インターネットプラウザでセンタリングを確認しているのですがうまくいかないという状況です。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 13.0.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="IBM:HPB-Input-Mode" content="mode/flm">
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#000000">
<DIV style="top : 50px;left : 50px;
position : absolute;
z-index : 1;
" id="Layer1"><IMG src="file:///C:/Users/kurihara/AppData/Roaming/IBM/Homepage Builder Version 13/tmp/ani0011.jpg" border="0" width="320" height="240"></DIV>
</BODY>
</HTML>