先ほども質問して教えていただいたのですが、少し対応できないことが出来てしまったので
再び質問いたします。
<table border="1" width="100%">
<tr>
<td width="20" rowspan="2">1</td>
<td width="30"></td>
<td></td>
</tr>
<tr>
<td colspan="2">aaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
1)先ほどtable-layout:fixedを教えてもらったのですが、一番左のセルの番号の桁数が増えた場合には幅を増やして表示したい
(つまり最大の幅にしたい)
2)width=30の部分を書かないとcolspanのセルに影響を受けないのですが、width=30を書くととたんにcolspanのセルに影響されて
びよ~んと幅が大きくなってしまいます。ずばりhtmlのバグでしょうか?
よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
現象確認しました。
バグのような気もしますね・・・
とりあえず%で全て指定すれば大丈夫のようです。
ただ、%だと、見る環境によって多少レイアウトが違って見えますが。
<table border="1" width="100%">
<tr>
<td width="1%" rowspan="2">123</td>
<td width="5%"></td>
<td></td>
</tr>
<tr>
<td colspan="2">aaaaaaaaaaaaaaa</td>
</tr>
IEしか確認してないので、他のブラウザは崩れるかもしれません。
ご返答ありがとうございます。
おっしゃるとおり%指定のテーブルに対してピクセル指定でTDのサイズを指定したりすると変になるみたいです。
実はもともとそのように成っていて、私が改造しているのですが、
よくよく見ると今までも変だったようです。変なまま惰性で運用していたみたいです。
というわけでなんとなく納得はいかないのですが、
左端の番号を振るセルは1%にして、何とかいいだろう、ということになりました。
ありがとうございました。
No.4
- 回答日時:
htmlのバグというよりは、性質の問題かな。
英文を変なところで改行されないようになっているためです。
↓参考に
http://okwave.jp/kotaeru.php3?q=1691445
参考URL:http://okwave.jp/kotaeru.php3?q=1691445
No.2
- 回答日時:
前回の質問内容がわからないため、こんな感じかなって回答しか出来ませんが参考になればと思います。
<TABLE BORDER=1 width="100%">
<COLGROUP>
<COL width="20">
<COL width="30">
<COL width="*">
</COLGROUP>
<TR><TH ROWSPAN=3>見出し</TH><TD>データ</TD><TD>データ</TD></TR>
<TR><TH COLSPAN=2>データ</TH></TR>
<TR><TD>データ</TD><TD>データ</TD></TR>
</TABLE>
これがazicyanさんの希望の形になるかわかりませんが、使用してみて下さい。
この回答への補足
COLGROUPと言うのを知らなかったので、もしやこれで、と思ったのですが、
やはり変です。
<TR><Td COLSPAN=2>データ</Td></TR>
の行を
<TR><Td COLSPAN=2>データaaaaaaaaaaaaaaa</Td></TR>
としてみてください。
なぜか左上の「データ」の部分が伸びていきます(幅が広がる)
以前の質問です
http://okwave.jp/kotaeru.php3?q=2001583
どうかよろしくお願いします。
No.1
- 回答日時:
質問文の意図を読み取れませんでした。
1)どこの幅を増やして、どこを最大の幅にしたいのですか?
最大とはブラウザの最大幅と言うことですか?
2)colspanセルに影響を受けないと言う意味が良く分かりません。
tableにwidth="100%"としているので、各セルも%で指定してみてはいかがでしょうか。
この回答への補足
スイマセン。
続けての質問だったためにだいぶはしょってしまいました。
もしお詳しい方なのならばどうか試して欲しいのですが、
<table border="1" width="100%">
<tr>
<td width="20" rowspan="2">1</td>
<td width="30"></td>
<td></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
</table>
これをブラウザで出してみてください。
ここで
<td colspan="2"></td>
の行を
<td colspan="2">aaaaaaaaaaaaaaaaaaaaaa</td>
として再びブラウザで見てください。
するとwidthで20と指定したセルがびよーーんと伸びます。
次にこのwidth=20を消します。
すると、均等になります。
width=20を書くと下のセルでcolspanをしなかった場合のセルサイズに
伸びてしまいます。
「colspanのセルに影響されてびよ~んと幅が大きくなってしまいます。」
とはそういういみです。
上のセルを20にするにはどうすればいいのでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スタイルシートで colspan=3と...
-
HTMLのテーブルで桁をそろ...
-
テーブルのレイアウトがおかし...
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの行の背景色をマウス...
-
tableの要素(tr、td)に一...
-
テーブルの枠線(外内両方)を...
-
HTMLのrowspan
-
テーブルのセルにアンカー
-
TRタグの余白をcssで設定するには
-
テーブルの外側の線を消す
-
改行幅の指定
-
テーブルの行を折りたたみたい...
-
HPのアクセスカウンタの仕組み...
-
逆L字の表(table)組み
-
cssで、表示されるテキストによ...
-
テーブルの線を立体じゃなく普...
-
テーブルを挿入すると他のCSSと...
-
作った表を横一列に並べる
-
ホームページのテーブルの作成...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
文字列が入っているtdを削除せ...
-
逆L字の表(table)組み
-
テーブルの表示がずれます
-
HTML <td></td>タグ セル内余...
-
HTMLのテーブルで桁をそろ...
-
中に<table></table>が使えるア...
-
スタイルシートで colspan=3と...
-
htmlのtable内に画像
-
ホームページ 表の上の余白を...
-
テーブルタグのセルの幅の一部...
-
テーブルの行の高さを指定する...
-
表の1列だけをCSSを使って右揃...
-
CSSだけで<table>の<td>や<tr>...
おすすめ情報