<TABLE BORDER="1" width="700">
<TR>
<td width="380" height="30">ここの文字数</td>
<td width="40" height="30"></td>
<td width="40" height="30"></td>
<td width="40" height="30"></td>
<td width="200" height="30"></td>
</TR>
</TABLE>
上記のようにテーブルの大きさと列幅を指定しても、
文字数が大きくなると表全体の大きさと列幅が変わってしまいます。
表の中に入るテキスト(文字数)の大きさで列幅、テーブルの大きさが
変わらないようにする方法を教えて下さい。
No.3
- 回答日時:
こんにちは。
私はもうしかたがないので、<td>ごとに<font size="~>で小さめの文字を指定して、セル内に収まるようにしています。
いやめんどいです、ほんとに(涙)。
で、それでもどうしても無理な場合は、deagleさんのおっしゃるとおりheight指定を捨ててます(笑)。
ARCさんもおっしゃっているスタイルシートが、全ブラウザでいければ、テーブルに限らずホント楽なんですけどねーー…(汗/笑)。
今のところ無効なブラウザのほうが多いので、私は多用してません…(涙)。
そうなのですよー(涙)。
フォントのサイズがかなり小さくなってしまうのです・・・。
みなさんの回答を参考に頑張ってみたいと思います。
ありがとうございました。
また何かありましたら宜しくお願いします。
No.2
- 回答日時:
かなりブラウザを選びますが、スタイルシートを使えば可能です。
<table>タグに、style="table-layout:fixed" を指定します。
今のところ、Windows版のIE5 ,IE5.5 及び、Netscape6でのみ使用可能です。
同じIE5でも、Mac版は非対応らしいです。
こんな感じです。
<table border="1" width="400px" style="table-layout:fixed">
<caption align="left">固定幅の表</caption>
<tr>
<td width="50px">長い文章12345678901234567890</td>
<td width="350px">文章</td>
</tr>
</table>
No.1ベストアンサー
- 回答日時:
基本的には、お書きになっている方法でやるしかないです。
なぜなら、幅を広げる、広げない、といったことはブラウザ側の問題であり、製作者側がコントロールできることではないからです。
ただしこの場合だと、heightオプションを削除すると、文字が増えたときにブラウザは優先的に縦の大きさを改変して対応しますので、横への広がりを抑えることができます。
あと、HTMLを組む場合、もともとHTMLという言語自体が「レイアウトを整えるためのものではない」ことを意識する必要があります。
HTMLは本来は、「文字に色などを修飾して見やすくする」ためのものですので、「文字が正しく表示される」ことをブラウザはもっとも優先します。
これはつまり、文字が見にくくなれば、ブラウザは容赦なく製作者の作ったデザインを勝手に崩してしまうということです。
デザインにこだわって作る場合は、そこまで考えないと、おかしくなってしまいます。
幅を広げる、広げないなどのレイアウトはブラウザ側の問題なのですかー。
まったく知りませんでした。
色々と勉強になりました。
回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableにul,または,olを入れられ...
-
テーブルの表示がずれます
-
不要な余白を削除する方法を教...
-
テーブルのヘッダとボディの幅...
-
TRタグの余白をcssで設定するには
-
テーブル(表)を2つ横に並べて...
-
テーブルの外側の線を消す
-
テーブルの任意の列を非表示に...
-
逆L字の表(table)組み
-
EXCELからhtmlへの変換で罫線が...
-
テーブルの枠が2重線になるので
-
[CSS] tableの行の間隔をあける
-
テーブルの行を折りたたみたい...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
HTML <td></td>タグ セル内余...
-
EXCELの表にTABLEタグをテキス...
-
<table>を複数使用するレイアウ...
-
tableでcolspanを使うと次行以...
-
EXCELのセル内にHTMLタグを含む...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
HTML <td></td>タグ セル内余...
-
文字列が入っているtdを削除せ...
-
テーブルのセルに画像をピッタ...
-
テーブルの行を折りたたみたい...
-
テーブルの行の高さを指定する...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
中に<table></table>が使えるア...
-
逆L字の表(table)組み
-
ホームページ 表の上の余白を...
-
表の中の列の順番を入れ替える...
-
EXCELからhtmlへの変換で罫線が...
-
tableでcolspanを使うと次行以...
-
表の1列だけをCSSを使って右揃...
-
文字の中央そろえを一括で指定...
おすすめ情報