<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>
上記のようにテーブルの大きさと列幅を指定しても、
文字数が大きくなると表全体の大きさと列幅が変わってしまいます。
表の中に入るテキスト(文字数)の大きさで列幅、テーブルの大きさが
変わらないようにする方法を教えて下さい。

A 回答 (3件)

 基本的には、お書きになっている方法でやるしかないです。


 なぜなら、幅を広げる、広げない、といったことはブラウザ側の問題であり、製作者側がコントロールできることではないからです。

 ただしこの場合だと、heightオプションを削除すると、文字が増えたときにブラウザは優先的に縦の大きさを改変して対応しますので、横への広がりを抑えることができます。

 あと、HTMLを組む場合、もともとHTMLという言語自体が「レイアウトを整えるためのものではない」ことを意識する必要があります。
 HTMLは本来は、「文字に色などを修飾して見やすくする」ためのものですので、「文字が正しく表示される」ことをブラウザはもっとも優先します。
 これはつまり、文字が見にくくなれば、ブラウザは容赦なく製作者の作ったデザインを勝手に崩してしまうということです。

 デザインにこだわって作る場合は、そこまで考えないと、おかしくなってしまいます。
    • good
    • 0
この回答へのお礼

幅を広げる、広げないなどのレイアウトはブラウザ側の問題なのですかー。
まったく知りませんでした。
色々と勉強になりました。
回答ありがとうございました。

お礼日時:2001/03/13 10:01

こんにちは。


私はもうしかたがないので、<td>ごとに<font size="~>で小さめの文字を指定して、セル内に収まるようにしています。
いやめんどいです、ほんとに(涙)。
で、それでもどうしても無理な場合は、deagleさんのおっしゃるとおりheight指定を捨ててます(笑)。

ARCさんもおっしゃっているスタイルシートが、全ブラウザでいければ、テーブルに限らずホント楽なんですけどねーー…(汗/笑)。
今のところ無効なブラウザのほうが多いので、私は多用してません…(涙)。
    • good
    • 0
この回答へのお礼

そうなのですよー(涙)。
フォントのサイズがかなり小さくなってしまうのです・・・。
みなさんの回答を参考に頑張ってみたいと思います。
ありがとうございました。
また何かありましたら宜しくお願いします。

お礼日時:2001/03/13 10:08

かなりブラウザを選びますが、スタイルシートを使えば可能です。


<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>
    • good
    • 0
この回答へのお礼

スタイルシートはあまり使ったことないのですが
色々ためしてみたいと思います。
ARCさん回答ありがとうございました。

お礼日時:2001/03/13 10:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qテーブル入れ子にしたらNNではダメ?

赤い背景画像を使ったHTMLにテーブルを3個入れ子で載せました。
下のテーブルのセルに白色、中のテーブルのセル色にグレー、一番上のテーブルのセルに白色を指定しました。

そこへラジオボタンをつけたのですが、本来、枠がない丸いボタンのところに赤の枠ができてしまいます。
IEでは問題ないのですが、NN4.7で確認したらこうなっていました。

デザインを変えずに回避する方法があったら教えてください。
また、NN6.*~だったらOKということはありますか?

Aベストアンサー

こんにちは!

<input type="radio" name="address" value="menber" checked style="background-color:#FFFFFF;">

と style="background-color:#FFFFFF;" を追加してください。

NN6は分かりませんが4.7と7で確認しました。

Mac 側は確認していません・・。

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

QNN4.7 テーブルの背景を表示出来ますか?

至急教えて欲しいのですが、ネットスケープ4.7でhtmlを確認中ですが。
テーブルへ背景を埋め込むと表示されないようです。
この現象は、NN4.7では無理なのでしょうか?
どなたか助けてくださいm(_ _)m

Aベストアンサー

NN4.7では <table bgcolor="~"> や <table background="~"> は正式にサポートされています。
(Win. Mac. 共にNN4から正式サポート)

但し、NNの仕様でテーブルの各セル内が背景以外何もない場合は背景が表示されません。

おそらく、背景が表示されていない部分は、文字も画像も入れていないのではありませんか?

そのときには、各空白のセルに相当するソース部位に「&nbsp;」(&は実際には半角です)を記述しておきます。
「&nbsp;」(&は実際には半角です)は、空白を表す特殊な記号で、ブラウザには表示されません。

Qでテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>
</TABLE>
としていませんか?
HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>~</TD></TR>を取り除き、以下の様にします。
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<FORM ~>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<!-- ここまで -->
</FORM>
</TABLE>

尚、表の罫線を残すのであればBORDERを変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>...続きを読む

QIE6/NN7.1のテーブルのheight="100%"

テーブルの高さの指定 height="100%" なんですが、
IE6とNN7.1で100%で表示されません。

下記の記述に間違いはありますでしょうか?
もしかしたら初歩的な問題なんでしょうか?


ちなみにIE5.5 MacのIE5.2では表示されました。
困っています。
宜しくお願いいたします。

ーーーーーーーーーーーーーー
<table border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td valign="top">上</td>
</tr>
<tr>
<td valign="bottom">下</td>
</tr>
</table>
ーーーーーーーーーーーーー

Aベストアンサー

HTML4.01の規格(仕様)では、tableに使えるアトリビュートは、summary、align、widthです。
heightが有効になるほうが特殊だと思ったほうがよいとおもいます

Q~ の中に