スタイルシートに<center>はかませられませんか?

[上に] [前に] [次に]
狩岡 2000/03/16(木) 03:36:21
IEでスタイルシートの指定の時に、
<DIV id="a" style="position:absolute;left: 0px; top: 150px; visibility: visible">
<center><img src="gazo.gif"></center>
</DIV>

みたいに<center>などでセンタリングするといったことが可能でしょうか? ネスケではきちんとセンタリングされましたが、IEではダメでして、left: 0pxの位置に出てしまいました。
スタイルシートで<center>などが使えれば、どの大きさでみてもきちんとした位置に表示が出来て、使用の幅が広がると思います。良い方法をご存知の方、よろしくお願い致します。

にゃあ 2000/03/16(木) 06:01:39
<center>
<DIV id="a" style="position:absolute; top: 150px; visibility: visible">
<center><img src="gazo.gif"></center>
</DIV>
</center>

なんか、めちゃくちゃなソースですね(笑)
内側のcenterタグを消すと、NNが、
外側のcenterタグを消すと、IEが、臍を曲げてしまいます。
ぢゃ、両方を書いてはどうでしょうか(^^)

にゃあ 2000/03/16(木) 06:03:43
あ、すみません。小さい画像でやってたのでわからなかったのですが、
IEのほうで動作が変ですね…(汗)

にゃあ 2000/03/16(木) 06:08:41
テーブルタグを使ってはどうでしょうか?
<center><TABLE BORDER=0>
<TR><TD height=150> 
<TR><TD ALIGN=center><DIV id="a" style="visibility: visible">
<center><img src="gazo.gif"></center>
</table>
</center>

Ichi 2000/03/16(木) 06:22:51
text-align: center;
ではダメですか?

たーむ 2000/03/16(木) 06:25:42
><DIV id="a" style="position:absolute;left: 0px; top: 150px; visibility: visible">
にwidth:100%;を追加するとブラウザの幅でセンタリングされませんか?

あと、centerを使うより<div style="text-align:center;">とする方が良いのかな?

たーむ 2000/03/16(木) 06:44:49
上のは、IEとNavigatorのブロック要素の取り扱いの違い(?)で
Navigatorは何も指定しないと最大幅を取りますね。
widthではなくborder-style:solid;を追加すれば
どんなことなにってるか分かるでしょう。

あと、スタイルシートをサポートしてないブラウザを考えなければ
<DIV style="position:absolute;top:150px;width:100%;text-align:center;">
<IMG SRC="gazo.gif">
</DIV>
とか。

たーむ 2000/03/16(木) 06:47:34
><DIV style="position:absolute;top:150px;width:100%;text-align:center;">

left:0px;
が抜けてました。失礼。

狩岡 2000/03/16(木) 07:06:39
[[解決]]
いやあ解決しました。
にゃあさん、Ichiさん、たーむさん、どうもありがとうございます。

狩岡 2000/03/16(木) 07:07:41
ホント助かりました。みなさんスゴい。
…私が無知なだけですかね?

OKAJI 2000/03/16(木) 11:28:05
便乗質問ですが、text-align で画像を配置するってありなんでしょうか。
確かに画像に対しても効果はありますが、text-align=文字の配置、ですよね。
文法上は許されるのでしょうか?

ゆきぽん 2000/03/16(木) 12:02:54
>便乗質問
画像(IMG要素)はインライン要素なので、文字1文字と同等に扱われますからOKです。

Fuji.♪ [E-Mail] [HomePage] 2000/03/16(木) 17:42:33
HTML 4.0 Transitionalなら、

<div style="text-align: center;" align="center">
    <img src="hoge.jpg">
</div>

とかじゃないのですか? (^^;

<center>なんてアヤシイものだけしか見ないで<div align="">を見ないものについては放っておくことになりますが。

[上に] [前に] [次に]