【HP作成】画像を中央に表示させる方法

質問

度々お世話になります。

DreamWeaver初心者です。
ひとつの画像(330px×110px)を、どのブラウザでも画面中央に表示できるようにしたいのですが、どのようにするのがベストでしょうか？

以前、ビルダーでHPを作成していたときは、主にテーブルレイアウトを使ってきたのですが、少しテーブルレイアウトから離れてCSS中心で組んで行こうと思っています。

基本的な操作方法は解りますので、何かいい方法がありましたらお教えくださいませ。

回答No.2

suzuko

全体をtext-align: center;すると、全ての文字が中央に来てしまうので・・・

******CSS******
.center {
text-align: center;
}
******html*****
<p class="center">
<img src="****.gif" alt="****" width="**" height="**"></p>

か

<div class="center">
<img src="****.gif" alt="****" width="**" height="**"></div>
でどうでしょうか？

回答No.1

crepon133

ベストかどうか分かりませんが

#page {
text-align:center;
margin: 0px;
padding: 0px;
}
.img-box {
margin: 0px auto;
padding: 0px;
}

<div id="page">
<div class="img-box">
<img src="xxx.xxx" width="330" height="110" border="0" alt="">
</div>
</div>