ものすごく簡単な質問だと思うんですけど、なんせ初心者なのでどうかわかりやすく教えてください。

テーブル定義で%で列幅を指定しているのに、その中に文字をいれたとき、
その文字幅にあわせて幅がかわるんです。
そもそも%で指定するときの%って何に対しての%なんですか?画面幅??
それともテーブル全体の幅ですか?
横にスクロールしてもいいので列幅を固定する方法を教えてください。
過去の質問をチェックしてみたのですが、よくわかりませんでした。

このQ&Aに関連する最新のQ&A

A 回答 (6件)

テーブル定義の%はテーブル全体に対しての割合です。


しかし、それぞれのセルの内容物のサイズによってはブラウザが勝手に
割合を変える場合があります。
ピクセル固定でもネットスケープナビゲータ等は内容によって無視しま
す。

従って、幅を固定したいならピクセル指定で固定した上で、テーブルの
各列に固定用のスペーサーを入れる事になります。また、ネットスケー
プだけが対応している<SPACER>タグを使用することにより、ネットスケー
プのテーブル表示上の不具合を解決すると言うやり方もあります。
ただし、これらは見えないテーブルをレイアウト用に使用したときに、
使用するテクニックであって、初心者が普通の表をこれらのイレギュラー
なテクニックを使用して固定するのもどうかと思います。

※ちなみに、テーブルのセル単位でのスクロールはありません。
 スクロールが発生するのは、画面全体かフレームに対してです。
    • good
    • 0
この回答へのお礼

odricさんは「画面幅に対する%ですね。」
とおっしゃっているのでまたまた??になってしまいました。
raiyaさんの話とあわせて考えると、<th>または<td>の場合、
テーブルに対する%で
<table>で指定する%は画面に対する% 
って解釈したんですが、違うでしょうか?

ブラウザはIEです。
固定用のスペーサーって何ですか?

本当に初心者で申し訳ないです・・・
これを読んで「アチャー、答えるんじゃなかった」
とかって思わないでくださいね・・・(^^;

お礼日時:2001/04/23 22:46

こんばんは、私は独学でHTMLを学んだ者です。


batu1さんのお力になれるかどうか解りませんが
参考になればと思い・・・(; ̄ー ̄A アセアセ・・・


<table width="★" height="☆">

★・……表の横幅(ピクセル数または%)
☆・……表の縦幅(ピクセル数または%)


WIDTH、HEIGHT属性で表の大きさを指定する場合、
パーセンテージで指定すると、ブラウザのウインドウ
サイズに対する割合となり、ウインドウの大きさを変
えると表の大きさも変わりますので、横にスクロール
してもよいのであれば、パーセンテージで指定するよ
り、ピクセル指定の方が良いのではないでしょうか?

ピクセル指定であれば、絶対的な指定になるので、ブ
ラウザのウインドウの大きさに関係なく、同じ表示が
保てます。但しあまりにもピクセル数が大きくな
ると、HP見る人もスクロールして見るのが大変なの
で注意した方が良いと思います。

私の場合は、ノートPCのブラウザ(800×600ピクセル)
でも横スクロールしないですむように、横幅は800以内
で納めるようにしています。ご参考になれば^^;
    • good
    • 0
この回答へのお礼

とてもわかりやすい説明でした。ありがとうございます。
ところで<table width="800"> と書いたらスクロールしない範囲で画面いっぱいになるのですか??
今日会社でいろいろ指定を変えて書いてみたんですが、
<table>で何を指定しても何も反映されないんですよ~
何か基本的に間違えてるんでしょうか・・・(;_;)

お礼日時:2001/04/24 20:26

何回もすみません。


あと、スペーサーについて書いておきます。

>固定用のスペーサーって何ですか?

一般に、1×1ピクセルの透明なGIFイメージの高さと幅をしていして、
特定のスペースを確保するために使われるGIFイメージをスペーサーと
言います。
これはテーブルやテーブル以外のレイアウティングに使われる補助的な
テクニックです。テーブルをレイアウト用に使うと、ドット単位の狂い
も認められない場合があるので、自然にこのテクニックが定着したもの
と思われます。
ただし、最近はnowrap属性などでコントロールする事を解説している本
なども多いですね。
因みに、幅をピクセルで指定してnowrapを指定すると幅は指定したピク
セルの幅になります。
ブラウザはIEと言う事ですが、IEは幅を数字で指定すればこれらのテク
ニックを使用しなくても比較的思い通りに表示してくれるはずです。
    • good
    • 0
この回答へのお礼

丁寧に何度もありがとうございます。
とりあえず、ピクセルで指定して試してみましたが、やっぱり列によって幅が変わってしまったので、いろいろ試した結果を報告させていただきます。
超簡単に説明させてもらうと
まず、<table widht=100%> を指定して <td widht="50"> を指定しました。
でもだめでした。なので<table>タグには何も指定せず<td>でピクセル数を書いたのですが、これもだめでした。
この時点でもう半泣きに・・・(T_T)
結局、<table style="table-layout:fixed"> と <colgroup>を併用してやっとこさ、うまくできました。
本当にどうもありがとうございました。
また新たな疑問があるので最新の質問も読んであげてくださいませ。

お礼日時:2001/04/24 20:19

混乱させてごめんなさい。


TABLEタグに対する%は画面と言うか、ブラウザの表示幅に対する割合です。
一方、TDタグ等のセルに対する%はテーブル幅に対しての割合です。

列幅を指定していると書いてあったもので、個々のセルに対しての指定かと
思っていました。
    • good
    • 0

  えっと、


 テーブルの幅を決める方法ですが、まず一つの列の幅を決める場合、
 <colgroup span="★" width="☆☆">や<col span="★" width="☆☆">
 として、
 ☆☆に数字を入れた場合には単純にその数字のピクセル分の幅になり、
 テキストによって幅が変わることはないと思います。
 これは、<th width="☆☆">や<td width="☆☆">を利用した場合も
 同じだと思います。

 またここで、☆☆に75%なんていれると、
 表の大きさに対しての75%になります。
 このとき、<table width="☆☆">なんてやって、テーブル自体の幅を
 予め決めておかないと、
 もしかしたらテーブル自体の幅が変わってしまうこともあるかもしれません。
 また、<table>で75%なんて数字を入れた場合はブラウザのウインドー幅に
 対する大きさになります。

  えっと、もうひとつ、
 <th nowrap><td nowrap>なんて感じに、nowrapの文字をつけておくと、
 特別幅が指定されていない場合、文字列の幅にあわせるようになります。
 このとき、一行の文字がどんなに長くても勝手に改行しませんので
 文字が長ければ横にスクロールするようになります。
  もちろん、上記のようにwidth=""でピクセル単位で幅を決めるのが
 普通ですので、邪道なやり方にはなりますけど、、。

  わかりづらい上に長文ですみません、、、。

参考URL:http://wakusei.cplaza.ne.jp/twn/html/index.htm
    • good
    • 0
この回答へのお礼

いえいえ、わかりやすい説明でした。
ありがとうございます。
また質問ですが幅を指定したうえで、<nowrap>を指定したら
どっちが優先されるのですか?
これは暇があれば教えてください。
ちょっと疑問に思っただけなので。

お礼日時:2001/04/23 22:23

画面幅に対する%ですね。


はみ出ても良いのなら、直接数値を指定すればよいのではないでしょうか?
なお、参考URLにHTMLリファレンスがあります。

参考URL:http://wakusei.cplaza.ne.jp/twn/www.htm
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
早速明日会社に行って直接指定を試してみます。
多分次から次にわからないことが出てくると思うので
またよろしくお願いします。

お礼日時:2001/04/23 22:10

このQ&Aに関連する人気のQ&A

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

このQ&Aを見た人はこんなQ&Aも見ています

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

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

QExcel VBAで、B列の幅を、既存のグラフの幅に設定したい。

VBA初心者です。
ワークシート上にグラフを作成した後(例えば「グラフ1」とします)、B列の幅を作成したグラフの幅と同じに設定するには、どのように記述すればよいのしょうか?

Columns("B").ColumnWidth = ActiveSheet.Shapes("グラフ1").Width

Columns("B").Width = ActiveSheet.Shapes("グラフ1").Width

Columns("B").ColumnWidth = ActiveSheet.Shapes("グラフ1").ColumnWidth

どれもうまくいきませんでした。よろしくお願いします。

Aベストアンサー

こんにちは。Wendy02です。

>ColumnWidthのヘルプによると
>解説
>・
>とのことです。

その書き方は、かなり手厳しく感じました。ヘルプで調べてから回答を書きなさい、ということですね。私の書き方がまずかったようですね。失礼しました。

 ただ、そのヘルプの内容は、若干、意味が曖昧です。仮に等幅フォントであっても、本当に、1文字の積み重ねが、列幅になるとお思いになっているのでしたら、それは違います。セル幅は、PIXEL値(Long型)に丸められて、それを逆算して、例えば「8.38」 という数字が出てきているのであって、決して、1文字のフォントの長さが、列幅にそのまま反映しているわけではありません。ロジックでいうと、「AはBによって作られているが、BはAには等しからず」ということになりますね。

変換率の出し方は、以下のようになりますが、Constの定数はやめ、ALPHAを変数にして、以下のようにすればよいはずです。

Dim Alpha As Double
Alpha = ActiveSheet.Cells(256).Width / ActiveSheet.StandardWidth

しょせん、理論値では不可能(だと思う)ですから、影響のないセルに対して、実測値を元に、変換値を出したにすぎませんが。

これで、問題なくできるはずです。

こんにちは。Wendy02です。

>ColumnWidthのヘルプによると
>解説
>・
>とのことです。

その書き方は、かなり手厳しく感じました。ヘルプで調べてから回答を書きなさい、ということですね。私の書き方がまずかったようですね。失礼しました。

 ただ、そのヘルプの内容は、若干、意味が曖昧です。仮に等幅フォントであっても、本当に、1文字の積み重ねが、列幅になるとお思いになっているのでしたら、それは違います。セル幅は、PIXEL値(Long型)に丸められて、それを逆算して、例えば「8.38」 ...続きを読む

Q文字サイズ変更でテーブル要素(幅の値を指定済み)の幅が変化しないようにするには?

宜しくお願いします。

[症状]
TABLE・TDタグにて、幅をしているすると、
文字サイズ:小 で見るときは、設定した値の
適正地が反映されるが、文字サイズ:中 以上に
設定すると、TABLEで設定最多幅は有効なままで
あるが、TDで設定した値は完全に無視される形で、
テーブルの中のバランスが乱れてしまう。

[ソース]

<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" style="border-collapse:collapse ">
<tr>
<td style="width:250px; ">あ</td>
<td style="width:300px; ">い</td>
<td style="width:200px;">う</td>
</tr>
<tr>
<td>え</td>
<td>お</td>
<td>か</td>
</tr>
</table>

[コメント]
特に変哲のないソースだと思います。
あ~か の文字のところには、それぞれもう少し長い
文章が入る形となります。

[質問]
文字サイズをブラウザ上で変更しても、
TDの幅が変わらないようにしたい。
その際に、文字のサイズを固定はしたくないです。

[その他]
styleではなく、width指定しても
効果がありませんでした。

宜しくお願いします。

宜しくお願いします。

[症状]
TABLE・TDタグにて、幅をしているすると、
文字サイズ:小 で見るときは、設定した値の
適正地が反映されるが、文字サイズ:中 以上に
設定すると、TABLEで設定最多幅は有効なままで
あるが、TDで設定した値は完全に無視される形で、
テーブルの中のバランスが乱れてしまう。

[ソース]

<table width="750" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="white" style="border-collapse:collapse ">
<tr>
<td style="width:250px; "...続きを読む

Aベストアンサー

スペーサーを使います。
文字サイズのために,幅が大きくなることが原因ではなくて,空白部分のあるセルが横のセルによって縮まることが原因だからです。

イメージ的には「つっかえ棒」を入れるのです。
スペーサーは普通,透明なGIFですが,そうではなくて,各列のタイトル部分だけを画像にして,スペーサー兼見栄えの良い列タイトルとすることもあります(私はこちらの方法をよく使います)。

参考URLなどを参考にしてみてください。

参考URL:http://www5c.biglobe.ne.jp/~horoau/html/spacer_gif.html

Q【Excel2007】折れ線グラフの線幅をデフォルトで変更する方法??

【Excel2007】折れ線グラフの線幅をデフォルトで変更する方法??


 今日は、質問させていただきます。どうぞよろしくお願いいたします。
 Excel2007で折れ線グラフ(50本前後がまとまったもの)を作成いたしますと
線幅が太く(デフォルト)見づらいので、毎回2003と同じような最も細いもの
(1pix程度)に1本ずつ設定しなおしておりますが、手間がかかります。。orz
 今はVBAで行っておりますが、やはり毎回手間がかかっております^^;

 折れ線グラフ作成時に最初から、グラフ線幅を1番細いものに
設定できる方法ってあるのでございましょうか??
もしくはグラフ中の折れ線グラフすべての太さを同時に変えられるような
方法などございましたら、お教えいただきたくお願いいたします。

 もしお詳しい方がいらっしゃいましたら,どうぞよろしくお願いいたします。

Aベストアンサー

取り合えず簡単な表を作っておきます
例えばA列の【A2】セルから『A,B,C,D』などセル【A5】まで入力します
次にB列のセル【B1】に『あ』とか入力して【B2】から【B5】まで適当に数値を入力しておきます
・・・・・↑ここまではテンプレートとして作る仮の表です↑・・・・・

次に折線グラフを作り「系列」の線を選択→右クリックして「データ系列の書式設定」を選択→「線のスタイル」を選択→「幅」を「1Pt」に変更して「データ系列の書式設定」画面を閉じます

グラフエリアを選択されている状態で「デザイン」タブの左側2番目位に「テンプレートして保存」がありますのでそれをクリック→保存先フォルダ名が「Charts」になっている事を確認後、ファイル名に適当な名前を入力して保存します
・・・・・↑テンプレートとして保存された状態になります↑・・・・・

保存されたテンプレートは「挿入」タブの「グラフ」グループの右下にある小さい四角い所をクリックすると(ランチャーといいます)「グラフの挿入」画面が出てきますので一番上の「テンプレート」を選択すると先程保存されたグラフのテンプレートが格納されています

次に、実際の表で、まず折れ線グラフを作っておき、グラフエリアを選択している状態で作ったテンプレートをクリックしてあげると実際の表に反映されます

お試し下さい 彡O┓ペコリ

取り合えず簡単な表を作っておきます
例えばA列の【A2】セルから『A,B,C,D』などセル【A5】まで入力します
次にB列のセル【B1】に『あ』とか入力して【B2】から【B5】まで適当に数値を入力しておきます
・・・・・↑ここまではテンプレートとして作る仮の表です↑・・・・・

次に折線グラフを作り「系列」の線を選択→右クリックして「データ系列の書式設定」を選択→「線のスタイル」を選択→「幅」を「1Pt」に変更して「データ系列の書式設定」画面を閉じます

グラフエリアを選択されている状態で「デザイン」タブ...続きを読む

Qテーブルを指定列幅で表示したい(画面に収まらなくていいので)

1280x1024のモニタを使ってますが
下記で、右端を突き破ってwidth="300"を効かせる方法を教えてください。

<html>
<body>
<table border="1">
<col span="10" width="300">
<tr>
<td>NO</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
<tr>
<td>名前</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</table>
</body>
</html>

Aベストアンサー

<table>タグだとスクリーンを超える場合、width指定が100%(スクリーンサイズ)にデフォルト設定されてるので

<table border="1" width="3300">

と変更するだけでいいです

ちなみに僕も<col>タグと<colgroup>タグははじめて見ました
よくサンプルプログラムを参考にさせてもらってるサイトで見たら確かにHTMLタグのところにありました
htmlファイルをあまり使うことが無いのでちょっと新鮮(^^)

ついでにだけど
<col span="10" width="300">だと
10列を300pxにしてるので最初の『No』~10列なので『9』までしか300pxになりませんよ(><)
<col span="11" width="300">に直してください m(--)m
それにあわせて冒頭『3300』にしてます
↑別にこれは3000でもいいです。
<td width="***">と違って<col width="***">はテーブルサイズに合わせて列幅は微調整されるみたいですので・・・

<table>タグだとスクリーンを超える場合、width指定が100%(スクリーンサイズ)にデフォルト設定されてるので

<table border="1" width="3300">

と変更するだけでいいです

ちなみに僕も<col>タグと<colgroup>タグははじめて見ました
よくサンプルプログラムを参考にさせてもらってるサイトで見たら確かにHTMLタグのところにありました
htmlファイルをあまり使うことが無いのでちょっと新鮮(^^)

ついでにだけど
<col span="10" width="300">だと
10列を300pxにしてるので最初の『No』~10列なの...続きを読む

Q【EXCEL】グラフの値の幅が広すぎて見やすいグラフが作成出来ません

エクセル初心者なので、見やすいグラフの作成方法について、ご教授ください。

作成したいグラフは、月別の売り上げを顧客ごとに表すものですが、値の幅が広すぎて見やすいグラフを作成することが出来ません。

最大値が2万で最小値が、217と値に幅があります。
しかも、1000前後に値が集中しており、2万前後の値は1顧客だけです。

どうやったら見やすいグラフが作成出来ますでしょうか?

当方初心者なので、どのようなグラフの形式を用いて、設定を行なえば見やすいグラフが出来るか教えていただけると大変助かります。

よろしくお願い致します。

Aベストアンサー

>しかも、1000前後に値が集中しており、2万前後の値は1顧客だけです。
方法1.縦軸を対数にする
縦軸の書式設定で目盛りを対数にする

方法2.二つのグラフを重ねて表示にする
下のグラフは、目盛り間隔を500位で最大値を制限して作成
上のグラフは、目盛り間隔を3000位で最小値を制限して作成
この最大値と最小値を同じ値にして作成すればできます。

Qテーブルで列の幅を指定する

HTMLタグでWEBサイトを作成していますが、テーブルの幅を指定しても実際ページを開けると、同じ数値入れても同じ幅にならなかったり、全ての幅指定してもその通りになりません。またウィンドウを大きくしたり小さくしたりすると、特定の列のみ幅が狭くなったり広くなったりします。どうすれば幅を指定した数値どおりに固定できますでしょうか。

Aベストアンサー

 style="table-layout: fixed;" で、指定すると良いようです。↓

<html><head>
</head>
<body>
<table border=1 style="table-layout: fixed;">
<tr height="50">
<td width="160" colspan="2">あああああああああああああああああああああああああ</td>
<td width="80">いいいいいいいいいいいいいいいいいいいいいいいいい</td>
<td width="160">ううううううううううううううううううううううううう</td>
</tr>
<tr height="50">
<td width="80">かかかかかかかかかかかかかかかかかかかかかかかかか</td>
<td width="80">ききききききききききききききききききききききききき</td>
<td>くくくくくくくくくくくくくくくくくくくくくくくくくくくくくく</td>
<td>けけけけけけけけけけ</td>
</tr>
</table>
</body>
</html>

 style="table-layout: fixed;" で、指定すると良いようです。↓

<html><head>
</head>
<body>
<table border=1 style="table-layout: fixed;">
<tr height="50">
<td width="160" colspan="2">あああああああああああああああああああああああああ</td>
<td width="80">いいいいいいいいいいいいいいいいいいいいいいいいい</td>
<td width="160">ううううううううううううううううううううううううう</td>
</tr>
<tr height="50">
<td width="80">かかかかかかかかかかかかかかかかかかかかかかか...続きを読む

Q折れ線グラフで横軸の1時間の幅を均等にしたい。

折れ線グラフで横軸の1時間の幅を均等にしたい。

Excel 2003で、1日24時間の気温の変化を横軸に時刻、縦軸に気温を取って折れ線グラフにしました。
気温測定時刻はほぼ1時間に1回なのですが、いつも00分とかいった固定された時刻ではなく、3:15分に測って、次は4:32分に測って、5時台は飛んで、次は6:03分に測って、...という風にまちまちです。

横軸は、横方向のグラフの幅の全体を24等分したものを1時間にしたい(つまり、1時間の幅をどの1時間も同じにしたい)のですが、

時刻  気温
3:15  36.1
4:32  35.9
6:03  34.2

のような表を作ってこれをグラフにすると、横軸に3:15、4:32、5:03が等間隔にプロットされてしまい、1時間の幅が同じになりません。

横軸の1時間の幅をどの1時間も同じにして、その目盛の上に上記のような測定値を正しくその時刻の位置に(つまり、例えば3:15の測定値は正しく3:15分の位置に)プロットするにはどうしたらいいのでしょうか。

Aベストアンサー

ご希望のグラフを作成するには以下のような設定をします。

まずグラフウィザードで折れ線グラフではなく散布図の折れ線を選択します。

作成されたグラフの横軸の部分を右クリックして「軸の書式設定」の目盛タブで最小値を「0」、最大値を「1」、目盛間隔を「0.04166666666」にして、表示形式タブで、ユーザー定義にして、たとえば「[h]」にして「OK」してください。

Q固定幅div内のテーブルセルの幅指定方法

幅を指定して横スクロールバーを有効にしたdivがあります。
その中に、divよりも幅の広いtableを置き、thやtdの幅を指定したいのですが、有効になりません。
tableへの幅指定は有効になるのですが、内容が動的に変化するので、セル単位で幅を指定したいと思っています。
解決方法がありましたらお願いいたします。

HTML:標準モード
UA:Windows xp IE6
サンプルコード:
<style>
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
background:#ddd;
border:#666 solid 1px;
}
td{
width:100px;
border:#666 solid 1px;
}
</style>


<div>
<table>
<tr>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
</tr>
</table>
</div>

幅を指定して横スクロールバーを有効にしたdivがあります。
その中に、divよりも幅の広いtableを置き、thやtdの幅を指定したいのですが、有効になりません。
tableへの幅指定は有効になるのですが、内容が動的に変化するので、セル単位で幅を指定したいと思っています。
解決方法がありましたらお願いいたします。

HTML:標準モード
UA:Windows xp IE6
サンプルコード:
<style>
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
background:#ddd;
border...続きを読む

Aベストアンサー

 このようにしたいのでしょうか。↓
<html>
<head>
<style type="text/css">
<!--
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
table-layout: fixed;600px;
background:#ddd;
border:#666 solid 1px;
}
td{
width:100px;
border:#666 solid 1px;
}
-->
</style>
</head>
<body>
<div>
<table>
<tr>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
<td>サンプルテキスト</td>
</tr>
</table>
</div>
</body>
</html>

参考URL:http://www.tohoho-web.com/css/reference.htm#table-layout

 このようにしたいのでしょうか。↓
<html>
<head>
<style type="text/css">
<!--
div{
height:200px;
width:200px;
overflow-x:scroll;
border:#f99 solid 1px;
}
table{
table-layout: fixed;600px;
background:#ddd;
border:#666 solid 1px;
}
td{
width:100px;
border:#666 solid 1px;
}
-->
</style>
</head>
<body>
<div>
<table>
<tr>
...続きを読む

Qエクセル セルの幅を変えてもグラフの幅は固定

セルの幅を変えてもその上に描かれたグラフの幅は固定しておきたいのですが、どうすれば良いですか?

Aベストアンサー

グラフを選んで書式設定を選択
プロパティタブの中から「セルにあわせて移動やサイズ変更をしない」をチェックでよろしいかと思います。

Q4カラムのテーブルに絶対幅と相対幅の混在指定の可否

以下のHTMLで、1列目は20ピクセル(?)、2列目は100ピクセルに幅が固定されているとして、
3~4列目、黄色と青のカラムの幅を均等に揃える方法はありませんか。

3~4列目の幅を<col=50%>ととると、1~2列目の幅が侵食されて崩れます。
ごらんのとおり、テーブル自体の幅は100%なので、モニタやブラウザの表示幅によってテーブル自体の幅も異なってくるため、
4カラムのテーブルのうち、1~2列目は絶対幅、3~4列目と相対幅と混在指定できればよいのですけど。


<html>
<body>
<table border=1 cellpadding=3 cellspacing=0 width=100%>
<col width=20>
<col width=100>
<col>
<col>
<tr>
<th rowspan=2 style="writing-mode: tb-rl;">基本情報</th>
<th>プロジェクト</th>
<td colspan=2>あいうえおあいうえおあいうえおあいうえお
</tr>
<tr>
<th>概要</th>
<td colspan=2>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td>
</tr>
<tr>
<th colspan=2>コメント</th>
<th bgcolor=yellow>当方から</th>
<th bgcolor=blue>先方から</th>
</tr>
<tr>
<th colspan=2>第1回会合</th>
<td>◆ いいいいいいいいいいい<br>◆ うううううう</td>
<td>◆ ええええええええええええええ<br>◆ おおおおおおおおおおおおおおおおおおおおおおおおおおおおお</td>
</tr>
</table>

</body>
</html>

以下のHTMLで、1列目は20ピクセル(?)、2列目は100ピクセルに幅が固定されているとして、
3~4列目、黄色と青のカラムの幅を均等に揃える方法はありませんか。

3~4列目の幅を<col=50%>ととると、1~2列目の幅が侵食されて崩れます。
ごらんのとおり、テーブル自体の幅は100%なので、モニタやブラウザの表示幅によってテーブル自体の幅も異なってくるため、
4カラムのテーブルのうち、1~2列目は絶対幅、3~4列目と相対幅と混在指定できればよいのですけど。


<html>
<body>
<table border=1 cell...続きを読む

Aベストアンサー

相対幅と混在指定というより、プロジェクトを分割したくないという意味ですよね?

3~4列目の幅を<col=50%>とし、<th nowrap=nowrap>プロジェクト</th>としてください。
nowrapは分割禁止の意味です。


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング