こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

外部cssでの表作成についての質問です。

 メモ帳でホームページを作っているものです。
 外部cssで表を作っているのですが、表自体のの配置をIE9(Fairfaxやchromeではうまくいきました)で左右中央ぞろえにすることができなくて困っています。
 様々なサイトを参考にさせてもらっているのですが、それぞれ主張していることが違っていたりしてよくわかりません。

htmlは
<div class="sample">
<h4>更新中</h4></div>

cssは
.sample {
display: table-cell;
margin-left : auto;
margin-right : auto;
text-align: center;
width: 790px;
height: 70px;
vertical-align: middle;
background:#ffffff;
border-style: solid;
border-width: 12px;
border-color:#bbdbf3;
}

.sample h4 {
display: inline-block;
text-align: left;
}
で、IEでは左寄りになってしまいます… 
どなたかご教示お願いします。

投稿日時 - 2013-08-27 21:31:28

QNo.8238488

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

div要素のようなブロックレベル要素をセンタリングするには「text-align」は使いません。
ご注意ください。
http://www.css-lecture.com/log/css-beginner/026.html

投稿日時 - 2013-08-28 14:52:07

あなたにオススメの質問