• 締切済み

カウンタを中央に置きたい

下記のようにしてカウンターを置いているのですが、 IE以外のブラウザではカウンタが中央にきません。 きっちり右側、きっちり左側でもなく、中途半端な右寄りになります。 IE以外でも中央にするにはどうしたらいいのでしょうか? <CENTER> <TABLE> <TR> <TD> <TABLE BORDER=1> <TR> <TD><img src="daycount/daycount.cgi?gif"></TD> </TR> </TABLE></TD> </TR> </TABLE> </CENTER>

みんなの回答

  • tyouei
  • ベストアンサー率32% (17/53)
回答No.5

 CSS(スタイルシート)はご存知でしょうか? 文字修飾の高度化と、レイアウトにtableを使わないようにするためのものです。一応、1999年から利用されているものです。  CSSは外部読み込みとするのが基本なのですが、この場合はCSSをまだよくご存じないと思いますので一番簡単で。 <div style="text-align: center"> <img src="daycount/daycount.cgi?gif"> </div>  とすれば中央表示になると思います。ただし、これでは前後の間隔は設定できていません。なので <div style="text-align: center; margin: ○em;"> (以下略)  ○の部分に空けたい行数を打ち込めば上下の間隔も空くと思います。ただ、正式にはこの表記は正しくないのかもしれません。ただ、表示はきちんと表示されると思います。  下記URLはスタイルシートについて解説してあるページです。CSSは案外便利だったりするので余裕があればご覧下さい。

参考URL:
http://www.tagindex.com/stylesheet/index.html
penguin88
質問者

お礼

ありがとうございます。 CSSでもだめでした。 全体はCSSで制御しているのですが、CGIは初めてだったので KENT WEBさんのCGIとHTMLをいじらずにそのまま使っています。 どうやらNo.2の回答者様のおっしゃる通り、 外側のdivのpaddingもしくはmarginのようです。 チェックし直してみます

  • ma2shin
  • ベストアンサー率41% (69/167)
回答No.4

<div align="center"> <TABLE> <TR> <TD> <TABLE BORDER=1> <TR> <TD><div align="center"><img src="daycount/daycount.cgi?gif"></div></TD> </TR> </TABLE></TD> </TR> </TABLE> </div> だめな場合は、テーブルのサイズを指定しておいた方がいいかも

penguin88
質問者

お礼

ありがとうございます。 サイズを指定しておいてもだめでした。 どうやらNo.2の回答者様のおっしゃる通り paddingもしくはmarginのようです。 チェックし直してみます。

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.3

<TABLE width="100%"> <TR> <TD align="center"><img src="daycount/daycount.cgi?gif" BORDER=1></TD> </TR> </TABLE>

penguin88
質問者

お礼

ありがとうございます。 これでもだめでした。 どうやらNo.2の回答者様のおっしゃる通り paddingもしくはmarginのようです。 チェックし直してみます。

  • thila
  • ベストアンサー率73% (45/61)
回答No.2

推測なので見当違いでしたらすみません。 そのテーブル要素の更に外側の要素の左側に、右側より多めにpaddingもしくはmarginが入っていませんか? 入っていたらそれを左右統一すると綺麗に中央に揃うと思います。 できればその「中途半端に右に寄り気味」の状態が再現できるコードを提示されると、スムーズに話が進むと思います。 上記のコードだけですと、Firefox・Operaで確認してみましたが、ものの見事に中央に表示されますので…

penguin88
質問者

お礼

ありがとうございます。 どうやらおっしゃる通りのpaddingもしくはmarginのせいなようです。 チェックし直してみます。

回答No.1

<TABLE align="center"> <TR> <TD> <TABLE BORDER=1> <TR> <TD><img src="daycount/daycount.cgi?gif"></TD> </TR> </TABLE></TD> </TR> </TABLE> TABLE タグにalign属性を付けてみました。 これでどうでしょうか。 <CENTER>タグは廃止の方向に向かっているタグだったと記憶しているので、なるべく使用しないようにした方が今後のHTMLのメンテナンスなどにも有効だと思います(タグの文字も小文字が主流のようです)。 ネット上でタグの辞典などのホームページは無数にあるので、[HTML タグ] などのキーワードで検索してみてください。

penguin88
質問者

お礼

ありがとうございます。 <TABLE align="center">でもだめでした。 中途半端な所にきちゃうんですよ~(;-;)

関連するQ&A