|
|
||
| 絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。 | |
絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。 | |
| 絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。 | |
絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。 | |
| 絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。 | |
絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。 | |
上記ホームページのプログラム
<html>
<head>
<title>１７－２．セル幅を指定してもセル幅が狭まってレイアウトが崩れてしまう場合の考え方</title>
<style type="text/css">
<!--
.font1 {font-size: 10px}
-->
</style>
</head>
<body>
<table width="690" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="130" height="130" valign="top"><img src="images/logo.gif" width="130" height="130"></td>
<td colspan="3" valign="top"><img src="images/hp17-3.gif" width="560" height="130"></td>
</tr>
<tr>
<td height="135" colspan="2" valign="top" class="font1"><span class="font3">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。</span></td>
<td width="180" valign="top"><img src="images/image1.jpg" width="180" height="135"></td>
<td width="255" valign="top" class="font1"><span class="font3">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。</span></td>
</tr>
<tr>
<td height="135" colspan="2" valign="top" class="font1"><span class="font3">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。</span></td>
<td valign="top"><img src="images/image2.jpg" width="180" height="135"></td>
<td valign="top" class="font1"><span class="font3">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。</span></td>
</tr>
<tr>
<td height="135" colspan="2" valign="top" class="font1"><span class="font3">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。</span></td>
<td valign="top"><img src="images/image3.jpg" width="180" height="135"></td>
<td valign="top" class="font1"><span class="font3">絶滅危惧種のデンジソウ。形は四つ葉のクローバーのようで、マメ科の植物とも思えるが、シダの仲間だそうだ。神奈川県内では伊勢原・山北の一部を残して絶滅扱い。もちろん、横浜市内では跡形もない。もう３０年前か・・横浜市内の宅地開発によって放棄された水田で見かけたんだよなぁ。四つ葉のクローバーの大群。今思えばあれはデンジソウだったんだなぁ。それがひょんな事から水生生物のペットショップの店先で再会。譲り受けることになった。どんな経緯で半ば放置された店先の水槽に繁茂したのかは謎だが、今のところ絶滅危惧種とは思えない勢いで繁殖している。ネット通販でも取り扱いはあるようだが、どうも斑入りの模様もないし違いそうだ。</span></td>
</tr>
</table>
</body>
</html>
３）考えかた（ヒント）
①このテーブルは以下のような構造になっています。
・４行×４列のテーブルで実線がテーブルとセルで、破線は、左右セルを連結した状態です。
・Ａ：６９０ピクセル Ｂ：５１０ピクセル Ｃ：１３０ピクセル Ｄ：５０ピクセル Ｅ：３３０ピクセル
Ｆ：１８０ピクセル Ｇ：１８０ピクセル Ｈ：５３５ピクセル Ｉ ：１３０ピクセル Ｊ：１３５ピクセル
Ｋ：１３５ピクセル Ｌ：１３５ピクセル
②なぜこのような現象が起こるのでしょうか？
これは、セル、テーブルの幅をｗｉｄｔｈプロパティで固定していないところがあるためです。
イメージ１からイメージ８までとテキスト１からテキスト３は、幅をｗｉｄｔｈプロパティで固定していますが、セル幅（Ｄ）は、固定していません。
これが、レイアウトの型崩れの原因になっています。
しかし、上図の点線で示すように幅（Ｄ）で表わされるセルは、すべて隣のセルと連結されているため、ｗｉｄｔｈプロパティを設定する
ところがありません。
③テーブルにダミーの行（セル）を追加してセル幅（Ｄ）を固定させる。
|
追加したダミーの行、赤の部分のセルを固定してやることで型崩れがなくなります。 | ||||||||||||||||||||