« バッキバキ | Main | 平山ロシアへ »

センター配置

February 12, 2004

#wrapper { margin : 0 auto 0 auto; width : 740px; text-align : left; }
でセンター配置しようとおもってるんだけど、WinIEだとうまくいかない。 他のブラウザだとうまくいくのに。どうしてだろう・・・。

解決。

bodyの属性に
text-align : center;
をいれて
wrapperに
text-align : right;
を入れたらWinIEでもセンターに配置された。
でもなんとなく不満。

Posted by at 12:54 | Comments (2) | TrackBack (0)
Comments

WinIEでもstandard modeなら、margin-right:auto; margin-left:auto; でブロックレベル要素をセンター寄せにできます。
しかし、quirks mode では、text-align:center; をするしかないのですが、これだとブロックレベル要素、インライン要素すべてがセンター寄せになってしまいますから、必要な箇所でまた text-align:left; してやらなければなりません。
ただし、日本語のように左から右へ言語が流れるのであれば text-align:left; で良いのですが、ltrでもrtlでもと考えると、text-align:justfy; としたほうが自然ではあります。

Posted by: yuu at 2004.02.12 16:03

なるほど!!!
standard modeとquirks modeの違いでしたか。
DOCTYPEをちゃんと書いたらちゃんとできました。

> 必要な箇所でまた text-align:left; してやらなければなりません。

そうですよね。
これだとやっぱりなんか変な感じしちゃってたんですよ。

> ltrでもrtlでもと考えると、text-align:justfy; としたほうが自然ではあります。

うっ。正直ここまで頭まわってなかったっす。
すごいっすね。めちゃくちゃ勉強になりました。
一つ大人になりました。本当にありがとうございます。

Posted by: glover at 2004.02.12 17:54

Post a comment









Remember personal info?







Trackback

http://glover.mods.jp/mt/mt-tb.cgi/47