CSSでtableを指定する方法と幅を変える方法

2005/02/10 13:35

このQ&Aのポイント

CSSを使用してテーブルを指定する方法と、テーブルの幅を変える方法について教えてください。
現在のコードでは幅が異なるテーブルを指定する方法が分からないため、助言を頂きたいです。
実際にタグを書く際に、幅の異なるmaintableとsubtableを指定してもうまく表示されない問題が発生しています。対処方法を教えてください。

chisalin
お礼率31% (19/61)

XML
回答数4
ありがとう数5

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

MetalKing
ベストアンサー率57% (15/26)

2005/02/12 23:36 回答No.2

#content #main table2 　↑　　　↑　　↑ 　ID　　　ID　　クラス？クラスを指定する場合には　クラス名の前にドット（.）が必要です > と「table」をsccで指定しているので... というのは、クラスを指定せずに全てのtableに対して　ということになりますということで、 #content #main .table2　（tableでなくても反映される）とするか #content #main table.table2　（tableのみ）という記述になりますクラスを明示したテーブルは、幅も指定通りになるはずです（ie6ではokでした）。階層の指定も大丈夫みたいです

質問者

補足 2005/02/13 00:04

すごくよくわかります。ありがとうございます。 #content #main table.table2　（tableのみ） htmlに書くときは、 <table class="table.table2"></table> になるんでしょうか？

ログインすると、全ての回答が全文表示されます。

その他の回答 (3)

MetalKing
ベストアンサー率57% (15/26)

2005/02/13 00:20 回答No.4

#content #main table.table2　　と記述した場合も <table class="table2"> 　略 </table> でいいです。

ログインすると、全ての回答が全文表示されます。

MetalKing
ベストアンサー率57% (15/26)

2005/02/13 00:17 回答No.3

cssの記述に混乱していたようですね #content #main table　　はtable要素に対応するルールの指定になります #content #main .table2　はtable2クラスに対するルールです #content #main table2 　はtable2要素に対するルールという解釈になりますがhtmlにはtable2っていう要素は規定されていないので無視されてしまうのでしょう２番目のルールを適用したtableタグを使用する場合 <table class="table2"> 　略 </table> というように、classの属性値とcssで作成したクラス名を一致させる必要があります。そして、属性値にはクラス名だけを記述すればＯＫです ∵ 簡単に言えば、table要素だということはタグを見れば解りますから、二重に指定する必要はないってことです

ログインすると、全ての回答が全文表示されます。

MetalKing
ベストアンサー率57% (15/26)

2005/02/12 17:54 回答No.1

--- css --- table.maintable { width:480px; } table.subtable { width:320px; } --- html --- <table class="maintable"> 　略 </table> <table class="subtable"> 　略 </table> ってことをおっしゃってます？

質問者

補足 2005/02/12 23:02

#content #main table { border-collapse: collapse; background-color: #FFFFFF; width: 480px; margin:0px padding; border: 0px #000000: 1px; } と「table」をsccで指定しているので、別のテーブル幅のものを指定したい時の場合です。 #content #main table2　とかでできるのでしょうか？

ログインすると、全ての回答が全文表示されます。