テーブル内の文字数が多くてもテーブルサイズを変えなくする方法

テーブル内の文字数が多くてもテーブルサイズを変えなくする方法

テーブル内の文字数が多くてもテーブルサイズを変えなくする方法

はじめまして。

ホームページビルダー９でホームページ作っています。

質問(1)

テーブルを作って、文字をそのテーブルに入力した場合、
文字数が多いとテーブルが大きくなります。

このテーブルのサイズを、文字が多くても少なくても、
また、文字サイズが変わっても、テーブルを固定された
サイズにして、テーブルからはみ出た分の文字は、
表示されないようにするには、どうすればいいですか？

テーブルをスタイル位置絶対にしてみましたが、
文字数、文字サイズによってサイズが変わってしまいます。

このイメージ通りのテーブルを作るには、どこの設定を
変えればいいでしょうか？

質問(2）
テーブルの中に２つ独立したテーブルを入れて、
その独立したテーブルに各々ＡとＢの文書を入れた場合、

条件
・Ｂは全ての文書を必ず表示するものとします。
・Ａは入る範囲内で文字を表示するものとします。
　表示しきれない分の文字は表示しないものとします。。

これら条件でのテーブル設定は、どのようにすればいいでしょうか？

これに近いＨＰのソースを除いてみたのですが、目新しいタグが見つかりません。
仮にＡ、Ｂの文書がデータベースから引き出されていたものだとすると、
ＨＰ上のテーブル設定ではなくて、データベース作成時の文字数調整（ＡとＢを足してＡがはみだすようであれば、はみ出した分を削除）だということでしょうか？

イメージの図を描きました。
線がずれて見づらいですが。

Ａの文字数が少ない場合
｜--------------｜
｜--------------｜
｜|A |｜
｜--------------｜
｜--------------｜
｜|B |｜
｜--------------｜
｜　　　　　　　｜
｜　　　　　　　｜
ーーーーーーーー

Ａの文字数が多い場合

｜--------------｜
｜--------------｜
｜|A |｜
｜|　　　　　　|｜
｜|　　　　　　|｜
｜--------------｜
｜--------------｜
｜|B　　　　 　|｜
｜--------------｜
ーーーーーーーー

よろしくお願いします。

以上

No.1 ベストアンサー 回答者： naokita 回答日時： 2010/10/26 14:26

＞目新しいタグが見つかりません。

昔からある設定で良ければ・・・

HTML,CSSソースを自分で設定して下さい。
以下の設定は、セル内でオーバー分を非表示にしたい場合に、
<div></div>で囲めば非表示になるソースです。
A,Bの違いが分かれば、どんなケースでも応用次第でお望みできると思いますが。
---------------
/* ■ CSS */
.tab td{ width:100px;}
.tab td div{ width:100px; height:1.1em; overflow:hidden;}


<!-- ■ HTML -->
<table border="1" class="tab">
<tr><td>
A A A A A A A A A A A A A A A A A A A A A A A A
</td></tr>
<tr><td>
<div>
B B B B B B B B B B B B B B B B B B B B B B B B
</div>
</td></tr>
</table>

この回答へのお礼

ありがとうございました。

お礼日時：2010/11/01 14:09