デザイン・ホームページ・印刷のことならアートクリック

京都のデザイン・ホームページ制作会社

アートクリックのスタッフブログ

TOP > ブログ > Internet Explorerのセンター寄せ問題

Internet Explorerのセンター寄せ問題

2013年08月14日

センター寄せについて考える

justify

コーディングでセンター寄せにする際、
通常は下記のように、marginの左右をautoに設定するわけです。
でも、残念なことにInternet Explorerではうまくいきません。

margin-left: auto;
margin-right: auto;

そんな時の対応としては
(1)text-align:justifyで囲む
※これは、CSS的に問題ありか?

<div style="text-align:justify;">
<div style="margin-left: auto; margin-right: auto;">
中央寄せしたい部分
</div>
</div>

(2)bodyにtext-align: center;を指定
それで、その下のdivにtext-align:left;を入れることでも対応できますね。

タグ