- ベストアンサー
テーブルの位置指定について
- html編集でテーブルの位置指定に困っています。テーブル全体を左右では左寄せ、上下では中央に配置する方法を教えてください。
- テーブルの位置指定についてアドバイスをお願いします。テーブルをページ全体の中で左右に寄せ、上下では中央に配置したいです。
- テーブルの位置指定についてお知恵を拝借したいです。テーブル全体を左右に寄せ、上下では中央に配置する方法を教えていただけますか。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
左右の中央揃えは下記のようなCSSで実現できます。 --------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <body> <TABLE style="margin-left:auto; margin-right:auto;" cellpadding="0" border="3" bordercolor="black"> --以下略-- --------------------- しかし、上下中央揃えというのはCSS2のレベルでは難しく、 下記のようにするしかないと思います。 <TABLE style="margin-top:50%; margin-left:auto; margin-right:auto;" cellpadding="0" border="3" bordercolor="black">
その他の回答 (2)
- smooth_operator
- ベストアンサー率62% (5/8)
tableタグ後半にstyle="float:left;"と書いてあるので Dreamweaverなどのソフトで「行揃え：左」を指定されたようですね＾＾； 上下中央配置はそういう機能で実現は難しくCSSを使う必要が出てきます。 <head>～</head>の間に <style type="text/css"> <!-- .○○○ { width:横幅を指定px; height:縦幅を指定px(200px); margin-top:-縦の幅の半分px(-100px); position:absolute; top:50%; } --> </style> -------- 8× キリトリセン -------- <TABLE class="○○○" cellpadding="0" border="3" bordercolor="black"> <TR> <TD rowspan="3" valign="bottom" align="center" width="76" height="75" background="background.jpg"></font></TD> <TD rowspan="2" valign="bottom" align="left" width="95" height="25"><font face="" color="#ffffff" size="1"></font></TD> <TD rowspan="2" valign="bottom" align="left" width="50" height="25"><font face="" color="#ffffff" size="2"></font></TD> <TD rowspan="2" valign="bottom" align="left" width="40" height="25"><font face="" color="#ffffff" size="1"></font></TD> </TR> </TABLE> でいかがでしょう？
- ORUKA1951
- ベストアンサー率45% (5062/11036)
何の表でしょうか？表でないものを表にしているなら、そこから書き直し。 【参照】ページレイアウトの目的で表を用いる。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ) flatは、画像などの周囲に文章を回り込ませるためのもので、本来は配置に使うものではありません。 【参照】9.5 浮動体（Floats） ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/visuren.html#floats ) floatを使わずに配置してみましょう。 注)fontは非推奨要素です。スタイルシートを使いましょう。 【参照】15.2.2 フォント変更要素: FONT要素とBASEFONT要素 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/graphics.html#edef-FONT )
