問題タブ [css-tables]

動的コンテンツからのデータを表示するテーブルが 1 つあります。列が 6 つの場合、テーブルの幅を 100%にしたいと考えています。5 列未満の場合はテーブル幅を自動にします。

私はCSSで試しましたが、2列しかない場合、2列を全幅に拡張しますが、テーブルは100％幅で、ぎこちなく見えます。

この結果を得るために利用できる Javascript、jQuery スクリプトはありますか?

次のCSSルールが適用されたテーブルがあります。

代わりに、特定のセルに赤い境界線を付けたいです。

これは私が期待するようには機能しません。FireFox 3およびIE8では、次のようになります。

_{（ソース：control-v.net）}

IE7互換モード（IE8で実行）では、次のようになります。

_{（ソース：control-v.net）}

の4辺すべて<td>を赤にしたい。これどうやってするの？テストケースはここにあります。

CSSを使用して、単一のセルまたは単一の列のフォーマットを設定するにはどうすればよいですか？

最大幅 700px の html テーブルがあり、列数 (3 ～ 10) がわかりません。<th>すべての要素に 5px のパディングを設定したいのですが、これによりテーブルの幅が広くなり、そこにある div に水平スクロールバーが表示されます。

列数がわからないため、パディングによって追加された余分なピクセルを合計幅から差し引くことはできません。

オーバーフロー値を div に配置しても、700px を超える列が不明瞭になるだけなので意味がありません。

テーブルの幅に適切なハード制限を設定するために、これを回避する方法はありますか?

テーブルセルを、それが属する列に揃えたいと思います。

しかし、私が得るものは次のものです：

私が使用しているhtmlコード/cssは次です。私のHTMLまたはCSSを教えることによって上記の効果を達成する方法のアイデアは本当に歓迎されています。

CSSソリューションから話を聞くのは素晴らしいことです！

これはやや自由回答の質問ですが、私は本当にこれを理解したいので気にしません。

2 要素の「テーブル」(スパン付きの CSS) があります。左の列には常に 20x20 ピクセルのアイコンがあります。2 番目の列には、アイコンに関連付けられた 1 行のテキストがあります。

IE6-8、Firefox 3.5、および Google Chrome でこれをまったく同じように表示するために思いつくあらゆる種類のアイデアを試しましたが、すべてのアイデアはテキストがせいぜい1 ～ 2 ピクセルずれることになります。

私は、<table>このリストをすべてのブラウザでまったく同じように見せるための絶対確実な方法を探しています。つまり、すべてのピクセルです。

この非常に単純な例のようなテーブルがある場合：

そして、私の1つには、たとえばで.td2の画像が含まれています。ユーザーがスクロールしてすべてを表示できるように、スクロールバーを表示したいと思います。しかし、これは不可能だと思いますよね？300pxwidth

だから私の質問は：

1. hiddenテーブルのオーバーフローを処理する以外に他のオプションはありますか？

2. コンテンツが設定された幅を超えた場合にのみスクロールバーを表示することはできますか？（私はいくつかのフォーラムソフトウェアでそれを見たことがあると誓いますが、どれを思い出せません）

HTML:

CSS:

..もちろん、IEを除いて、最新のブラウザでうまく動作します！

回避策はありますか？私が試した他の解決策は position:absolute; でした。下:0; ただし、z-index が何の効果もないように見える上記のドロップダウンに干渉します。

ありがとう！