問題タブ [css-tables]

100 行以上の製品を含む請求書を印刷しようとしています。この 1 つの請求書は 3 ページを超えるはずですが、印刷すると内容がフッターからはみ出し、次のページが次の請求書になります。

表の代わりに div を使用していますが、長い請求書が複数のページに印刷されない理由がわかりません。

何か案は？

ここに私のスタイルシートがあります:

特定の子 ID ではなく、テーブルの ID に基づいて 1 つのテーブルのセルの CSS プロパティを変更する方法はありますか?

1 つのテーブルの外観 (たとえば、各セルに色付きの境界線を付ける) をある方法で変更し、別のテーブルを別の方法で変更したいのですが、各セルに ID を指定することは避けたいと思います。

明確にするために、テーブル内の各セルに個別にアクセスする必要はありません。さまざまなテーブルの「子」セルのすべてのプロパティを設定したいだけです。

私はCSSを使用して次のことを達成しようとしています:

これを達成するために私が見た例では、固定の高さを利用するか、コンテンツを左の列に折り返すことができます。CSS を使用してこれを実現するエレガントな方法はありますか?

表示したい項目 (テキスト、画像、混合コンテンツなど) がたくさんあります。ユーザーは、アイテムが表示される行と列を定義できます。たとえば、行 1 には、2 つのアイテム/列があり、どちらも画像である可能性があります。行 2 には、3 つの項目 / 列があり、1 つは画像付きで、残りの 2 つは純粋なテキストです。ああ、ユーザーは特定の列/画像/アイテムの幅を指定できます。

機能する複数のテーブルを使用するソリューションがあります。本質的に、各行は新しいテーブルです。これはほとんどの場合機能します。

divだけを使用できるかどうか疑問に思っていますか?

現在、CSS foo が不足しており、Web から例をコピーしようとしましたが、機能させることができませんでした。今、私はこのようなものを持っています:

しかし、すべてが重なり合っています。

「position: relative」も試してみましたが、もっとつまらないものに見えます。

div は実際に複数の行と異なる数の列に使用できますか?

onmouseover/onmouseout 中に「ハイライト」したいテーブルがあります。これはIEでは必要ですが、他のブラウザでは必要ないことはすでに知っています。

イベントのトリガーを検出することができ、この TR タグは効果的に機能します。(元のクラス「contentTableRow」が問題を引き起こしているようには見えないことに注意してください。)

「ハイライト」機能が起動し、実際に適切なクラスが設定されます。

IE が CSS クラス名の変更を処理しないだけです。

これは、変更を行うために使用している CSS のスニペットです。

デバッグするとクラス名が更新されていることがわかり、Firebugでも確認できます。しかし、IEはTRタグを持つクラスのこの使用法を好まないようです..それは私がテーブルのクラスを構築している方法ですか? 何かアドバイス ？

問題は、サイドバーが常にページの右端にあるとは限らないことです (の幅によって異なります#content)。の幅は (ウィンドウの幅に応じて) 可変であるため#content、サイドバーが常にその親の右端にあるようにするにはどうすればよいですか?

例：

これが私が今持っているものです：

そして、ここに私が欲しいものがあります:

この問題を解決するためにさらに情報が必要な場合はお知らせください。ありがとう！

PS - フロートでこれを簡単に達成できることはわかっています。CSS テーブルを使用するソリューションを探しています。

解決：

匿名のテーブル要素table-rowのおかげで、要素を宣言する必要はありません。

「内側の境界線」（異なるセル間の境界線）を設定するにはどうすればよいですか。

スタイル属性を設定することで、外側の境界線を制御できますが、内側の境界線は同じグレー色と同じ幅のままです。内側の境界線を制御するには、どの属性を微調整する必要がありますか?

aspx、バックエンドvb.netでテーブルとセルを非表示にするためのこのコードがあります。コード -

テーブルの代わりに<div>タグを使用しています。同様のコードを使用して、div を表示および非表示にするにはどうすればよいですか?

3つの列があります。最後の2つは、含まれているデータと同じくらい狭くしたいと思います。最初の列は残りの幅を取ることができます（テーブルの幅は100％です）。

CSSを使用してこれをどのように行うことができますか？現在、右側の列は余分なスペースがあり、ばかげているように見えます。アイデア？

次のようなcssテーブルのセットアップがあります。

テーブルの CSS は次のとおりです。

現状では、2 つの列は、表の幅が占めるスペースの間で均等に分割されます。最初の列を、セルを占めるテキストが必要とする幅だけにしようとしています

列/セルと同様に、テーブルの幅は不明です。