人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Movable Typeの質問です。
まずは以下のuRLをIEとForefoxで見てみてください。
http://musicgalaxy.sakura.ne.jp/blog/2006/09/post_19.html

IEだとカレンダー、記事、コメント欄がセンタリングされて表示されますが、Firefoxだと左によって表示されてしまいます。

直すには、おそらくcssのどこかを変更すればよさそうですが方法が分かりません。
よろしくお願いします。

IEの方に問題ありそうだ。。。

●質問者: dreamworks
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS firefox IE Movable Type URL
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● tailshade
●40ポイント ベストアンサー

ソースを拝見させて頂きましたが、以下の内容をCSSの#center{}内に追加することで解決を確認しました。

margin-left: auto;

margin-right: auto;

これはFireFoxではブロック要素にtext-alignが適用されない事によると思われます。

IEとFireFoxのどちらがW3Cの仕様書どおりの動作なのかは分かりませんが、とりあえずはこれでお望みの表示になるかと思います。

以下はダミーのURLです

http://www.google.co.jp/

◎質問者からの返答

ありがとうございました。

教えていただいたソースを追加したところ、センタリングして表示することが出来ました。

奥が深いですな。


2 ● k12u
●30ポイント

IEの有名なバグですね。

http://www.mozilla.gr.jp/standards/webtips0004.html

http://www.mozilla.gr.jp/standards/webtips0004.html#c1_1

の1. 正しいセンタリング方法に正解があります.

◎質問者からの返答

ありがとうございました。

参考にしたいと思います。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ