CSSでjavascriptが中央寄せにならない

楽天モーションウィジェットをブログに掲載して、
cssでtext-align:center;を指定しました。

文字は中央に寄るのですが、
ウィジェットの部分は左寄せのままです。

これはもう諦めるしかないのでしょうか？
よろしくお願い致します。

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2012/05/27 08:58

　まず、ウィジェットのソースを確認する。

ページが描画された後のソースでないとわからないでしょう。firefox+fireBugを使うと良い。

　たとえば、javascriptが書き出す部分を含むdiv(汎用ブロック)に、margin:0 auto;とborder:solid 1px red;を指定すると、そのdivが中心に配置されていることがわかると思います。
　それはあくまで、コンテナブロックの配置ですから、そのjavascriptの出力するHTML要素がブロックだとしても、それは中央には配置しません。ここは理解されていますか？
　marginは継承しないので、その子孫には適用されません。
→Inherited: no ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )

　ウィジェットの大きさが決められていれば--たとえばそれがobject要素でwidthが決められていれば、それが収まる大きさにdivのサイズを決めるか、行内要素であれば、display:block;でブロック要素にして、marginを設定するとかです。
→ブロックレベル要素と行内要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
→ボックスの生成を制御する ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2 … )

この回答へのお礼

わかりやすいご説明ありがとうございました！
無事解決できました。

お礼日時：2012/05/27 12:10

No.1 回答者： LOHA 回答日時： 2012/05/27 00:49

通常、インライン要素（文章とか）はtext-align:center;で中央に寄りますが、ブロック要素（divとか）の場合はmargin-right: auto; margin-left: auto;を指定する必要があります。

＞CSSでjavascriptが中央寄せにならない

なかなかビックリな表現ですね。
JavaScriptとウィジェットは全然意味合いが違います。
それぞれどんなものなのか興味があれば一度調べてみると良いでしょう。

この回答への補足

色々とありがとうございます！

<div style="margin-right: auto; margin-left: auto;">
ウィジェットタグ
</div>

でもやっぱり左寄せのままになってしまいます！

補足日時：2012/05/27 01:43