- 締切済み
カウンタを中央に置きたい
下記のようにしてカウンターを置いているのですが、 IE以外のブラウザではカウンタが中央にきません。 きっちり右側、きっちり左側でもなく、中途半端な右寄りになります。 IE以外でも中央にするにはどうしたらいいのでしょうか? <CENTER> <TABLE> <TR> <TD> <TABLE BORDER=1> <TR> <TD><img src="daycount/daycount.cgi?gif"></TD> </TR> </TABLE></TD> </TR> </TABLE> </CENTER>
- みんなの回答 (5)
- 専門家の回答
みんなの回答
- tyouei
- ベストアンサー率32% (17/53)
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は案外便利だったりするので余裕があればご覧下さい。
- ma2shin
- ベストアンサー率41% (69/167)
<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> だめな場合は、テーブルのサイズを指定しておいた方がいいかも
お礼
ありがとうございます。 サイズを指定しておいてもだめでした。 どうやらNo.2の回答者様のおっしゃる通り paddingもしくはmarginのようです。 チェックし直してみます。
- goldfox
- ベストアンサー率49% (123/249)
<TABLE width="100%"> <TR> <TD align="center"><img src="daycount/daycount.cgi?gif" BORDER=1></TD> </TR> </TABLE>
お礼
ありがとうございます。 これでもだめでした。 どうやらNo.2の回答者様のおっしゃる通り paddingもしくはmarginのようです。 チェックし直してみます。
- thila
- ベストアンサー率73% (45/61)
推測なので見当違いでしたらすみません。 そのテーブル要素の更に外側の要素の左側に、右側より多めにpaddingもしくはmarginが入っていませんか? 入っていたらそれを左右統一すると綺麗に中央に揃うと思います。 できればその「中途半端に右に寄り気味」の状態が再現できるコードを提示されると、スムーズに話が進むと思います。 上記のコードだけですと、Firefox・Operaで確認してみましたが、ものの見事に中央に表示されますので…
お礼
ありがとうございます。 どうやらおっしゃる通りのpaddingもしくはmarginのせいなようです。 チェックし直してみます。
- amefurikozou
- ベストアンサー率39% (45/115)
<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 タグ] などのキーワードで検索してみてください。
お礼
ありがとうございます。 <TABLE align="center">でもだめでした。 中途半端な所にきちゃうんですよ~(;-;)
お礼
ありがとうございます。 CSSでもだめでした。 全体はCSSで制御しているのですが、CGIは初めてだったので KENT WEBさんのCGIとHTMLをいじらずにそのまま使っています。 どうやらNo.2の回答者様のおっしゃる通り、 外側のdivのpaddingもしくはmarginのようです。 チェックし直してみます