総ありがとう数 累計4,308万(2014年11月23日現在)

毎月4,000万人が利用!Q&Aでみんなで助け合い!

-PR-
noname#43437

<div style="width:300px; text-align:center; border:1px dashed red;">
この文字は中寄せ
<div style="width:200px; border:1px dashed green;">
このボックスも中寄せ
</div>
</div>

このようなHTMLを表示すると、
IEでは、赤い枠の左右中央に緑の枠が入り、「この文字は中寄せ」という文字と、緑の枠が縦にきれいに並ぶのですが・・ネスケやOperaでは、緑の枠が左に寄ってしまいます。
これを、中央に寄せる方法はないでしょうか?
(表示が遅くなるのを防ぐために、テーブルは使いたくありません)
  • 回答数2
  • 気になる数0

Aみんなの回答(全2件)

質問者が選んだベストアンサー

  • 2005-05-15 17:28:52
  • 回答No.1
ネスケやオペラの方が正し動作で、text-align:centerでブロックがセンタリングされてしまうのはIEの有名なバグの一つです。
参考urlの内容を参考に対処してみてください。
お礼コメント
noname#43437

なるほど、左右のマージンをautoにするのですね。
うまくいきました。ありがとうございました!
投稿日時 - 2005-05-16 10:35:47
  • 同意数0(0-0)
  • ありがとう数0

その他の回答 (全1件)

  • 2005-05-16 04:28:01
  • 回答No.2
<div style="width:300px; text-align:center; border:1px dashed red;">
この文字は中寄せ
<div style="width:200px; margin-left:50px; margin-right:50px; border:1px dashed green;">
このボックスも中寄せ
</div>
</div>

上記のように「300px-200px」の差分の100pxを左右に割り振って、左右50pxずつマージンを空ければ良いかと思います。
通報する
  • 同意数0(0-0)
  • ありがとう数0
  • 回答数2
  • 気になる数0
  • ありがとう数0
  • ありがとう
  • なるほど、役に立ったなど
    感じた思いを「ありがとう」で
    伝えてください

関連するQ&A

その他の関連するQ&Aをキーワードで探す

別のキーワードで再検索する

あなたの悩みをみんなに解決してもらいましょう

  • 質問する
  • 知りたいこと、悩んでいることを
    投稿してみましょう
-PR-
-PR-
-PR-

特集

専門医・味村先生からのアドバイスは必見です!

関連するQ&A

-PR-

ピックアップ

  • easy daisy部屋探し・家選びのヒントがいっぱい!

-PR-
ページ先頭へ