- ベストアンサー
firefox対応で表(<table>)を中央に表示したい
インターネットエクスプローラ(IE)では表(<table>～</table>)の中央表示 をスタイルシートの style=text-align: center; で指定できたものが、 FireFoxでは通用しないようです。 tableタグにてalign=centerと指定すれば中央表示できるものの、これは非推奨であるため今後のことを考えて使用を避けたく考えております。 非推奨要素を使用せず表を中央に表示する方法はあるのでしょうか？
- komorebi99
- お礼率66% (22/33)
- HTML
- 回答数2
- ありがとう数9
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 画面の中央にtableを表示したいということですよね。 左右の「margin」を「auto」に設定にすれば中央に表示されます。 ちなみにFirefoxの他、Operaでも「text-align」ではうまくいきません。 #center table{ margin-left: auto; margin-right: auto; } それとIE5.5以前では、逆に「text-align」じゃないと中央に表示されませんので追加してやります。 #center{ text-align: center; } このままだと、table内の文字も中央に表示されてしまいます。 必要なら指定を追加してやります。 #center table td{ text-align: left; } これでうまくいくはずです。
その他の回答 (1)
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
<style type="text/css"> table { margin:auto; } としてやります。 ＩＥの場合は DOCTYPEをStrictにしてやるとmargin:autoが機能するようになります。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
お礼
お忙しいところ迅速な回答ありがとうございました。 助かりました。<m(__)m>
お礼
お忙しいところ、丁寧な回答をいただき大変ありがとうございました。 大変助かりました。