dポイントプレゼントキャンペーン実施中!

ホームページビルダーで右端のセルが狭くなります。
現在ホームページビルダーの教科書を見ながら勉強しているのですが、教科書が用意しているファイルをビルダーで開くと右端のセルだけが狭くなります。
ちなみにブラウザ(IE)で開くと問題ありません。
これは何が原因でしょうか?編集しにくいので教えてください。
ちなみにソースは以下の感じです。(BODY以下)
念のため画像も添付します。

<BODY text=#000000 vLink=#808080 aLink=#ff8040 link=#ff3535 bgColor=#333333>
<CENTER>
<TABLE cellPadding=3 width=650 bgColor=#ffffff>
<COLGROUP>
<COL>
<COL width=220>
<TBODY>
<TR>
<TD vAlign=top rowSpan=11><IMG height="400" alt="代替テキスト1" src="xxx.gif" width="120" border="0"></TD>
<TD colSpan=2><IMG height="150" alt="代替テキスト2" src="xxx.jpg" width="520" border="0"></TD></TR>
<TR>
<TD colSpan=2>
<UL>
<LI></LI>
</UL>
</TD></TR>
<TR>
<TD colSpan=2><IMG alt="代替テキスト" src="ixxx.gif" border="0"></TD></TR>
<TR>
<TD><IMG height="180" alt="代替テキスト" src="xxxx.jpg" width="140" border="0"></TD>
<TD vAlign=top><FONT
size=-1>長いテキスト文<BR><BR>このページの先頭へ</FONT></TD></TR>
<TR>
<TD colSpan=2></TD></TR>
<TR>
<TD></TD>
<TD vAlign=top></TD></TR>
<TR>
<TD colSpan=2></TD></TR>
<TR>
<TD></TD>
<TD vAlign=top></TD></TR>
<TR>
<TD colSpan=2></TD></TR>
<TR>
<TD></TD>
<TD vAlign=top></TD></TR>
<TR>
<TD align="center" colSpan=2></TD></TR></TBODY></TABLE></CENTER></BODY></HTML>

ちなみにCOLGROUPとCOLの使い方もよくわかりません。
よろしくお願い致します。

「ホームページビルダーで右端のセルが狭くな」の質問画像

A 回答 (1件)

こんにちは。


どなたも回答しておられないので想像ですが・・・

試しに右上の画像を削除または縮小してみると
問題のテキストがお望みの位置になると思います。
これは右上のセルに文章の入っているセルの左側のセルの幅が
連動して押し広げられているからだと思われます。
つまり同じ列として扱われていることになります。

ですが第2列目の幅は220と設定されているので
プレビューではキチンとした位置に表示されます。
右上のセルももちろん設定幅は220ですが
組み込まれる画像の幅(520)が優先されます。

ではどうして編集画面もそのように対応しないのかは、不明です。^^;
そういう仕様なのではないでしょうか?と言うお話です。

(備考)
「表全体の幅650」-「左セル内の画像の幅120」=530
右上のセル内の画像の幅520(ですので余白込みでキッチリ)
その下の左側のセル幅の設定220、その右側のセル幅の設定は無し



>ちなみにCOLGROUPとCOLの使い方もよくわかりません。
別に質問を立てられた方がサイトの運営上好ましいと思います。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!