京都のデザイン制作会社 デザイン カンパニー アートクリック

京都のデザイン制作会社

btn_menu

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

Internet Explorerのセンター寄せ問題

2013年08月14日

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

justify

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

[css]
margin-left: auto;
margin-right: auto;
[/css]

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

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

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

タグ