概要

テーブルセルが特定の最小幅より小さくならないようにするための最良の方法は何ですか。

例

テーブルコンテナの幅に関して、テーブル内のすべてのセルの幅が少なくとも100ピクセルであることを確認したいと思います。使用可能なスペースがさらにある場合は、テーブルセルがそのスペースを埋める必要があります。

ブラウザの互換性

私は可能です私はで動作する解決策を見つけたいと思います

• IE 6-8
• FF 2-3
• サファリ

優先順に。

行と列の両方を並べ替えることができる HTML のドラッグ アンド ドロップで並べ替え可能なテーブルが欲しいと思ったことはありませんか? 私はそれが私が死にたいものであることを知っています。ソート可能なリストはたくさん出回っていますが、ソート可能なテーブルを見つけることは不可能のようです。

script.aculo.us が提供するツールにかなり近づくことができることは知っていますが、クロスブラウザーの問題に遭遇しました。

HTML ページでテーブルを使用することをお勧めします (CSS があるので)。

テーブルのアプリケーションは何ですか? CSS にはない表の機能/機能は何ですか?

関連する質問

• DIV の代わりのテーブル
• DIV と TABLE
  • DIV 対 TABLE 反論してください

私は自分のWebページのレイアウトを設計するためにテーブルを使用しています。内容が少ない場合でも、テーブルをページいっぱいに表示したい。これが私が使用しているCSSです：

そして、私はこのようなものをページコードに配置します：

これはOpera9では機能しますが、Firefox2やInternetExplorer 7では機能しません。このソリューションをすべての一般的なブラウザで機能させる簡単な方法はありますか？

（に追加id="container"しtdても役に立ちません。）

コンテンツを画面全体の高さいっぱいに表示したいWebアプリケーションに取り組んでいます。

このページには、ロゴとアカウント情報を含むヘッダーがあります。これは任意の高さである可能性があります。コンテンツdivがページの残りの部分を一番下まで埋めるようにします。

ヘッダーdivとコンテンツがありますdiv。現在、私は次のようなレイアウトにテーブルを使用しています。

CSSとHTML

ページの高さ全体が埋められ、スクロールする必要はありません。

コンテンツdiv内のすべてについて、設定top: 0;するとヘッダーのすぐ下に配置されます。コンテンツは、高さが100％に設定された実際のテーブルになる場合があります。header中に入れるcontentと、これは機能しません。

を使用せずに同じ効果を達成する方法はありtableますか？

アップデート：

コンテンツ内の要素のdiv高さもパーセンテージに設定されます。したがって、100％内側の何かdivがそれを底まで埋めます。50％の2つの要素もそうです。

アップデート2：

たとえば、ヘッダーが画面の高さの20％を占める場合、内部の50％で指定されたテーブル#contentは、画面スペースの40％を占めます。これまでのところ、機能するのはテーブル全体をラップすることだけです。

設定サイズを維持するために HTML テーブルが必要なページを書いています。テーブルの上部にヘッダーを常に表示する必要がありますが、テーブルに追加された行数に関係なく、テーブルの本文をスクロールする必要もあります。エクセルのミニ版を考えてみてください。これは簡単な作業のように思えますが、私が Web で見つけたほとんどすべてのソリューションにはいくつかの欠点があります。どうすればこれを解決できますか?

TABLEプレーンHTMLを使用してテーブルをレンダリングするのにかかる時間と、実際のTR、、TDなどのタグの使用を回避するハッキングされたCSSピューリタンメソッドとの比較について、現在のブラウザーでいくつかの統計を探しています。

他のブラウザの統計にも興味がありますが、特にFirefox 3で、より高速なものだけを探しています。もちろん、TABLEタグはテーブル用に設計されています。それは問題ではありません。

これが状況です：私はいくつかのMySpaceページのカスタマイズを試みています。[stackoverflow]を試したことがあるなら、それがどれほど苛立たしいことか理解していると思います。
基本的に、特定のルールセット内で、CSSを介してすべてカスタマイズできます（たとえば、「＃」文字は許可されていません...なんて便利です！）。
詳細については、このブログをご覧ください。カスタマイズの基礎として使用しました。

したがって、唯一の問題はコメントセクションにあります。ここでは、「友達」が好きなように投稿します。すでに持っています...

...テーブルに設定されていますが、コメントセクションに長いURLが投稿されていると、最大設定に関係なく、テーブルの幅が大きくなります。

質問：テーブルの幅を押し上げるテキストを管理する方法はありますか？
おそらく文字列を分割/切り刻むのですか？それとも私がやるべきことがもっとありますか..？
URLは、hrefではなくテキストとして投稿されます。

FirefoxとFirebugの使用。

編集：JavaScriptも許可されていません;）

別の編集IE7で確認したところ、動作しているようです。この場合、Firefoxが面倒です。

ここで誰かが私を助けてくれることを願っています。できる限り例を単純化しようとしました。

絶対配置の DIV があります。この例では、ブラウザ ウィンドウを埋めます。この div には、コンテンツが大きすぎて DIV が表示できない場合にスクロール バーを提供するための overflow:auto 属性があります。

DIV 内にデータを表示するテーブルがあり、その幅は 100% です。

コンテンツが垂直方向に大きくなりすぎると、垂直スクロール バーが表示され、スクロール バーに対応するためにテーブルが水平方向にわずかに縮小されると思います。ただし、IE7 では、div 内のすべてのコンテンツに対して水平方向に十分なスペースがまだあるにもかかわらず、水平スクロール バーも表示されます。

これは IE 固有のものです。Firefox は完全に動作します。

以下ソース全文。どんな助けでも大歓迎です。

トニー

2010 年 3 月 16 日に追加... GWT のソース コードがこの質問をコメントで示していることを指摘するのは興味深いかもしれないと考えました... http://www.google.com/codesearch/p?hl=en#MTQ26449crI /com/google/gwt/user/client/ui/ScrollPanel.java&q=%22hack%20to%20account%20for%20the%22%20scrollpanel&sa=N&cd=1&ct=rc&l=48

表全体の幅に影響を与えずに表の行を非表示にする方法はありますか? いくつかのテーブル行を表示/非表示にする JavaScript がありますが、行が に設定されている場合、表示されている行display: none;の内容に合わせてテーブルが縮小されます。