ボックスの真ん中に画像を表示させたい

[新着] Webテンプレートを仮オープンしました

0   名前： みゆき ： 2006/12/13（水） 16:12  ID:pz7ilsWB
こんにちは。

ボックスの真ん中に画像を表示させたいのですがうまくいきません。
タグは

<div style="border:1px solid #990000;background:#ffffff;height:150px;width:150px;padding:5px;text-align:center; vertical-align:middle;">画像</div>

上記のようしましたが、「画像」がボックスの上の位置に表示されてしまいます。
基本的な質問で申し訳ありませんが、どこをどのように直せばよいのか教えてください。

よろしくお願いいたします。
1   名前： カヅサツ ◆ThCi95HEzw ： 2006/12/13（水） 16:12  ［URL］  ID:O5hEMlpW
残念ながら、vertical-align:middle をみゆきさんの意図どおり、ボックスの垂直方向の中央への配置とできるのは、現状では tdあるいはth要素のみです(IEがdiplayプロパティでのtable表現を無視するので)。
2   名前： アヤ ： 2006/12/13（水） 16:12  ID:I/L72zbC
CSSの仕様で「vertical-align」は、インライン要素かテーブルのセルにしか適用されなかったと思います。
div要素では上付きになるかと。

中央へ配置したいのでしたら、画像のmarginをいじってみてはいかがでしょう。
3   名前： みゆき ： 2006/12/13（水） 16:12  ID:pz7ilsWB
>カヅサツ様
>アヤ様

基本的なことを知らずにすみません。
大変参考になりました。
ありがとうございます。
一覧へ戻る