テーブルタグの配置について

質問

角丸テーブル（スタイルシートを使った）を　ページ右、or左に　配置したい時は、どうすればいいのでしょうか？

回答No.2

Joh_Taka · ベストアンサー

角丸テーブルとは、このような感じのテーブルのことですか？

http://www.geocities.co.jp/SiliconValley-Bay/8778/tec/t_kado.html

それでしたら、テーブル自体の作成にスタイルシートは使いませんが？

扇形の画像を四隅に配置したテーブルでの作成方法以外、スタイルシートで同じような効果を出すことは出来ないはずです。

ひょっとして、違うものを指しているのかもしれませんが、もし上記のようなテーブルを単純にページの右や左に寄せたいのでしたら、<table> ～ </table> で記述されている角丸テーブル部分のソースの始めの <table> タグに左に寄せる属性と値 align="left" または、右に寄せるための属性と値 align="right" を加えて、<table align="left"> や <table align="right"> のようにすれば良いと思います。

同じように左寄せや右寄せを行って、角丸テーブルの右左の余白部分に文字列の回り込みをさせたいのでしたら、スタイルシートのfloat属性を使うのが効果的です。

また、もっと細かく位置調整したいのでしたら、そのときはスタイルシートを使ってマージン指定をするか、ポジションを数値指定（一部のブラウザによっては正しく表示されないこともあります）すれば良いと思います。

また、スタイルシートを使わずにテーブルを入れ子にして表示位置を固定する方法もありますが、表示に多少時間がかかるなど、最近では敬遠され気味です。

角丸テーブル部分のみの表示方法を考えるのではなく、ページ全体の中で他の要素と合わせてどのようにレイアウトを組むかを考えることで、それにふさわしい配置方法が違ってきますし、選択も絞られると思います。

ご自分で色々と工夫してみてください。

配置の指定方法として、以下のサイトなどが参考になるかもしれません。

スタイルシート全般の初歩的解説（こんなこと当然知ってるよ！というのでしたらごめんなさい）
http://park16.wakwak.com/~html-css/css/index.html

スタイルシートのfloatとは
http://www6.plala.or.jp/go_west/nextcss/ref/prp/dsp_n_ps/float.htm
http://tohoho.wakusei.ne.jp/css/reference.htm#float

スタイルシートでのmargin指定
http://msugai.fc2web.com/web/tut/CSStut/margin.html
http://tohoho.wakusei.ne.jp/css/reference.htm#margin

スタイルシートでのposition指定（良い点も悪い点もあるということで・・・）
http://pctraining.s21.xrea.com/making-web/box-view2.html
http://www.fromdfj.net/html/column.html
http://tohoho.wakusei.ne.jp/css/reference.htm#position

お礼

タグ、スタイル初心者です＾＾；
alignはテーブルにも使えたんですね。　imgだけかと勘違いしてました　^^;

http://www.w-frontier.com/stylesheet/roundrect.html
ちなみに↑が例のテーブル^　
スタイルあまり関係してませんでした＾＾；

alignかfloatで色々試してみます。
回答ありがとうございました。（＾＾*)

回答No.1

cool-style

スタイルシートを使った角丸テーブルというのがよくわかりません。
角丸テーブルをcssを使用して右or左に配置する、ということでしょうか？
それであればtableタグにfloatを指定すれば良いのでは。

参考URL：

http://www.scollabo.com/banban/ref/sample/sample_44.html