テーブルのtext-alignがきかない（ＩＥ７）

質問

お世話になります。初心者ですが、アドバイスいただけると助かります。
宜しくお願いします。

セル内のテキストを中央寄せにしたいのですが、
IE7では、下記のソースだと適用されないで困っています。（左寄せになる）
（さらに、テキストに対して十分なwidthがあるのに、途中で折り返されて２行になってしまう）
Safari、Firefox、Opera（いずれもMac）はOKでした。

例えば．．．
●●●●●●
とセルの中に表示したいのに、

●●●●
●●
と途中で折り返されてしまう、（widthは余裕があります）

CSS
th,td.A{
width:30px;
height:35px;
text-align:center;
}

HTML
<table>
<tr>
<td class="A"> ●●●●●●</td>
</tr>
</table>

回答No.1

asapinya · ベストアンサー

CSS中の
width:30px;
狭すぎませんか？

問題なければこの１行を削除してみてください。

補足

ありがとうございます！
できました！！

回答No.3

SAYKA

折り返される　＝　幅が足りない(or余裕がない)

とりあえずnowrapじゃないかな。

お礼

ありがとうございます！
できました！！

回答No.2

ORUKA1951

[問題点]
セル幅はpxでしていしてあると、ユーザーが視覚弱者でフォントのサイズを変えて閲覧すると折り返されます。ブラウザでCtrl+＋ないしCtrl+スクロールで拡大してごらん。
IEでは、初期設定でのpaddingが違うのでは?

CSS・・・・td,th.A{padding:0.2em;width:10em;text-align:center;}

(アドバイス)
　class="A"なんてデザインのためだけのclassなんて使わず、セレクタをうまく使ったり、クラス名を適切に設定して、セルを特定しましょう。

補足

ありがとうございます！
できました！！