colspanで余計な余白

質問

上段が複数ボックス、colspanで下段が単一ボックスの表を作り、上段ボックスには短い文字列やinputのボタンを入れています。

このcolspanを使った表の上段各ボックス内で、余計なスペースが発生します。

widthで上段ボックス幅を強制させようにも、上段ボックス内のボタンや文字列の後ろには余白があるにもかかわらず、余白を残したまま文字列だけが折り返されてしまいます。

が、colspanをやめて、上段下段を2つのtableに分けると、ボックス内の余計なスペースは消えました。
うまく説明できませんが…このcolspanの弊害？この現象の意味は何でしょう？

回答No.1

ORUKA1951 · ベストアンサー

回答しても、その結果も言われない方なので無駄かもしれませんが、一応・・

一生懸命読んでみたのですが、いまひとつわかりません。
どうも用語が正確でないことに起因するようです。
ボックスではなく，セル（コマ）ですね。表の整形については、
Tables in HTML documents (ja) ( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/tables.html )
　の「視覚系ユーザエージェントによる表の整形」をよく読んでください。基本的に表の整形は逐次表示はデフォルトではありません。
　全部のデータを読んで整形に取り掛かります。そのとき、colspanで列グループが指定してあると、その内容は均等割するブラウザが多いです。特にデータ量が多くなると、それが優先されます。

　先の、INPUTのボタン周囲のスペース - Webデザイン・CSS - 教えて！goo ( http://okwave.jp/qa/q7116960.html )の結果も聞いていないので、対処の方法はわかりません。

・なぜスタイルシートで、きちんと整形しないのですか？
・書かれた内容から、tableを使うべきではないような気もします。
　いったいどのような、フォームなのでしょう。

お礼

colspanのやっかいさがわかったのですが、連日作業中とあって余白の件のお礼が遅くなりました。

ここ5年ほどテーブルでレイアウトで更新を続けており、ここ1年はスタイルシートに徐々に変更していますが、css段組への移行は一番後回しになっています。

何せ1万ページ以上あるので、段組の雛型ができれば、エクセルとVBAで一括変換してファイルを一気に生成するつもりでいますが、雛型がまだできてません。
テーブルではそろそろ限界がきたかも知れません。

勉強します。

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