掲示板/HTML質問板/過去ログ/一覧/ テーブルのセル結合がうまくいきません

0 名前：三郎： 2007/01/22（月） 09:57 ID:jSC9zi.K sub-y9

テーブルの結合で悩んでいます

┏━━━┳━━━┳━━━┓
┃＿＿＿┃＿＿＿┃＿＿＿┃
┣━━━╋━━━╋━━━┫
┃＿＿＿┃＿＿＿┃＿＿＿┃
┗━━━┻━━━┻━━━┛

上図のようなテーブルを、下図のようにセル結合させたいのですが、うまくいきません
どこが文法的に間違っているのか、ご教授願えませんでしょうか

┏━━━━━━━┳━━━┓
┃＿＿＿＿＿＿＿┃＿＿＿┃
┣━━━┳━━━┻━━━┫
┃＿＿＿┃＿＿＿＿＿＿＿┃
┗━━━┻━━━━━━━┛

<table border=1 width=300>
 <col width=100 span=3>
 <tr>
  <td width=100>A=100pixel</td>
  <td width=100>A'=100pixel</td>
  <td width=100>B=100pixel</td>
 </tr>
 <tr>
  <td>C=100pixel</td>
  <td>D=100pixel</td>
  <td>D'=100pixel</td>
 </tr>
</table>

<br>

<table width=300 border=1>
 <col width=100 span=3>
 <tr>
  <td colspan=2 width=200>A+A'=200pixel</td>
  <td width=100>B=100pixel</td>
 </tr>
 <tr>
  <td>C=100pixel</td>
  <td colspan=2>D+D'=200pixel</td>
 </tr>
</table>

1 名前：元帥： 2007/01/22（月） 09:57 ［URL］ ID:J1bxZoz4 sub-bK: >>0
ズバリこの図になっていますけど。
┏━━━━━━━┳━━━┓
┃＿＿＿＿＿＿＿┃＿＿＿┃
┣━━━┳━━━┻━━━┫
┃＿＿＿┃＿＿＿＿＿＿＿┃
┗━━━┻━━━━━━━┛

長さまで正確に、というのであれば下記のようになるかもしれませんが。
┏━━━━━┳━━━━┓
┃＿＿＿＿＿┃＿＿＿＿┃
┣━━━━┳┻━━━━┫
┃＿＿＿＿┃＿＿＿＿＿┃
┗━━━━┻━━━━━┛

tableは表として内容を確認できればよいので、ブラウザがセルの横幅をどう決めようと関係ありませんよ。

長さの比率が2:1でなくちゃいやだ、というのであれば、パーセントで指定してはいかがでしょうか。
http://www.tagindex.com/stylesheet/table/width_height2.html

或いは空行を用意し、各セルに長さを指定する方法もあります。

レイアウト云々はスタイルシートで事を決しましょう。
テーブルレイアウトは忘れて下さい。

2 名前：三郎： 2007/01/22（月） 09:57 ID:/UQCBCoW sub-y9

　
元帥さん
早々にレスありがとうございました

＞レイアウト云々はスタイルシートで事を決しましょう。
＞テーブルレイアウトは忘れて下さい。

スタイルシートを利用することで解決いたしました
＃少しズレが気になりますが、、、

＞tableは表として内容を確認できればよいので、ブラウザがセルの横幅をどう決めようと関係ありませんよ。

大変勉強になりました

<html>
<head>
<title></title>
<style type="text/css">
<!--
  table { 
  width: 300px; 
  height: 50px; 
  } 
  td { 
  width: 100px; 
  height: 50px; 
  } 
  #wide200{width:200px;}
  
-->
</style>
</head>
<body>
<table border=1>
 <col span=3>
 <tr>
  <td colspan=2 id="w200">a</td>
  <td>b</td>
 </tr>
 <tr>
  <td>c</td>
  <td colspan=2>d</td>
 </tr>
</table>
<br>
<table border=1>
 <col span=3>
 <tr>
  <td colspan=2 width=200>a</td>
  <td>b</td>
 </tr>
 <tr>
  <td>c</td>
  <td colspan=2>d</td>
 </tr>
</table>
</body>