画像をページの中心にレイアウトしたい

質問

現在、ホームページをHTMLタグ手打ちで作っています。初心者です。

画像をページの中心に配置してシンメトリーな印象のページにしたいと思っています。
使っているPCはMac OS Xです。
画像を中心に表示するのに以下のような形をとっています。
<center><img src="●●●.jpeg" alt="○○○"></center>

このようなタグ設定の画像をsafariでチェックしたところ、ばっちりページの中心に表示されました。

しかしIEで確認したところ、ページの左端に寄ってしまっておりとても見栄えの悪いものになっていました。

画像を中心に持ってくるために<center></center>を用いるのは間違いなのでしょうか？
ベストなタグをお教えください。

回答No.2

abukuma06

オーソドックスな方法ですが、<TABLE>タグを使ってはいかがでしょうか？

<TABLE border="0" width="100%" height="100%">
<TR>
<TD valign="middle" align="center"><IMG src="●●●.jpeg" alt="○○○"></TD>
</TR>
</TABLE>

回答No.1

345itati

スタイルシートを使われる方がよろしいかと。
.center {
width: 200px; //幅は必ず指定
margin-right: auto;
margin-left: auto;
text-align: center; //本来は不要ですが、WinIEの互換モードでのバグに配慮
}

HTML部分
<div class="center"><img src="****" alt="***" width="200" height="200"></div>

蛇足ですが、Mac IEは開発もDLもサポートも終了したブラウザなので、推奨環境には入れられない方がいいかと思われます。動作確認をするのはいい事なのですが・・・。