画像を真ん中に
-
0 名前： SHADY ： 2005/09/04 21:46
- 初めまして！
質問なんですが、画像を真ん中にするにはどうすればいいんでしょうか？
真ん中というのは、上下ではなく、左右での話です。センタリングというか…
知ってる方いれば教えて下さい。
-
1 名前： カヅサツ ： 2005/09/04 21:46 ［URL］
- 画像も文字と同じなので、中央寄せの方法もまた同じです。
-
2 名前： 愛浦憂馬 ： 2005/09/04 21:46 ［URL］
- <div align="center"><img src=""></div>
ですね
-
3 名前： SHADY ： 2005/09/04 21:46
- カヅサツさん、愛浦憂馬さん、お二人ともどうもありがとうがざいました。
すごい役立ちました！！
-
4 名前： 愛浦憂馬 ： 2005/09/04 21:46 ［URL］
- どういたしまして。
-
5 名前： Pid ： 2005/09/04 21:46
- うーん…申し訳ないのですが，<div align="..">...</div> は非推奨（もう使わない方が良いもの）です。
普通は CSS で { text-align: center; } あるいは { margin: auto; } などを使います。と言うか，トップページの画像など「本文とは関係が無い装飾」は { background: url(..) center center; } にした方が便利です。
どの方法が良いかは「何のための画像か」によるので，>>1 でカヅサツさんが明言を避けたのだと思います。
-
6 名前： 愛浦憂馬 ： 2005/09/04 21:46 ［URL］
- なんかね〜
<div style="text-align:center;">
だと、ＦＩＲＥＦＯＸでたまに、真ん中ぞろえになんないんですよ
テーブルとかが
何ででしょう？？
-
7 名前： カヅサツ ： 2005/09/04 21:46 ［URL］
- text-alignは要素の内容のテキストやインラインの位置を指定するもので、ブロック要素の位置は変わりません。変わってしまうのは IE の Quirks mode 時の挙動です。
ブロックそのものの位置は、ブロックへのmargin で指定します。
<table style="margin-left: auto; margin-right: auto">
というか画像はブロックではないので、そもそも本件と関係ありませんが。
-
8 名前： 愛浦憂馬 ： 2005/09/04 21:46 ［URL］
- そうなんですか
勉強になります。
