セル内が空のときに困ったこと
- テーブルの枠を表示させたとき,
Cell 1 | Cell 2 |
Cell 3 | |
Cell 5 | Cell 6 |
こんな風になって,Cell 4 の部分が浮き出たようになる.
-
背景色がつかないことがある.
Netacape では,table , tr , th , td すべてにおいて,空のセルに背景色がつかない.
Internet Explorler は,すべてにつく.
tr に背景色指定 | |
| <-- th に背景色指定 |
| <-- td に背景色指定 |
こんなときは,ダミーの
<br> を
空白のセルに入れます.
|
HTML Sample |
Table Sample |
<table border=1>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td><br></td>
</tr>
<tr>
<td>Cell 5</td>
<td>Cell 6</td>
</tr>
</table>
|
すると,
Cell 1 | Cell 2 |
Cell 3 |
|
Cell 5 | Cell 6 |
|
<table border=1 bgcolor="#00CC00">
<tr>
<td>テーブル全体に指定</td>
<td><br></td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
<table border=1>
<tr bgcolor="#00CC00">
<td><br></td>
<td>tr に背景色指定</td>
</tr>
<tr>
<th bgcolor="#00CC00"><br></th>
<th><-- th に背景色指定</th>
</tr>
<tr>
<td bgcolor="#00CC00"><br></td>
<td><-- td に背景色指定</td>
</tr>
</table>
|
背景色のときも同様.
tr に背景色指定 |
|
| <-- th に背景色指定 |
| <-- td に背景色指定 |
(Internet Explorler では変化がありません)
|
このほかに,非改行スペース
,
スペーサー画像を張るなどがあります.
スペーサーの場合,幅・高さの指定が容易に出来る利点があります.
|