![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
ホームページビルダーで右端のセルが狭くなります。
現在ホームページビルダーの教科書を見ながら勉強しているのですが、教科書が用意しているファイルをビルダーで開くと右端のセルだけが狭くなります。
ちなみにブラウザ(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の使い方もよくわかりません。
よろしくお願い致します。
![「ホームページビルダーで右端のセルが狭くな」の質問画像](http://oshiete.xgoo.jp/_/bucket/oshietegoo/images/media/e/849799_5497bff33e0cd/M.jpg)
No.1ベストアンサー
- 回答日時:
こんにちは。
どなたも回答しておられないので想像ですが・・・
試しに右上の画像を削除または縮小してみると
問題のテキストがお望みの位置になると思います。
これは右上のセルに文章の入っているセルの左側のセルの幅が
連動して押し広げられているからだと思われます。
つまり同じ列として扱われていることになります。
ですが第2列目の幅は220と設定されているので
プレビューではキチンとした位置に表示されます。
右上のセルももちろん設定幅は220ですが
組み込まれる画像の幅(520)が優先されます。
ではどうして編集画面もそのように対応しないのかは、不明です。^^;
そういう仕様なのではないでしょうか?と言うお話です。
(備考)
「表全体の幅650」-「左セル内の画像の幅120」=530
右上のセル内の画像の幅520(ですので余白込みでキッチリ)
その下の左側のセル幅の設定220、その右側のセル幅の設定は無し
>ちなみにCOLGROUPとCOLの使い方もよくわかりません。
別に質問を立てられた方がサイトの運営上好ましいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- Perl PERL 1 2022/04/26 14:15
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
表の幅が広がる
-
ホームページビルダの表の枠線
-
ホームページビルダー8で、全...
-
GoLive6.0編集画面でテーブル枠...
-
ホームページビルダーで右端の...
-
エクセルでセル1つあたりの長...
-
ホームページビルダーでセルの...
-
CSSのtransform: translate(-50...
-
ホームページビルダーで表の列...
-
エクセルでサイズに合ったもの...
-
挿入した文字に枠をつけたい
-
Excel で等間隔で縦線を引きた...
-
スタイルシートを組むと、テー...
-
aタグに直接style=""で:hoverを...
-
テキストボックスの様に文字の...
-
Excelの列や行の幅を表示...
-
ホームページビルダーで、画面...
-
Excel セルの幅が合わない
-
指定時間になったら、WEBサイト...
-
表の中に表
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Microsoft1Officeの互換ソフト...
-
エクセル 画面表示拡大率によ...
-
表の幅が広がる
-
ホームページビルダーでセルの...
-
エクセルで一部分のセルの高さ...
-
【DreamWeaver】セルの幅を変更...
-
エクセルのセル幅の表示
-
【Excel】代引手数料の算出
-
セル幅の調整の不具合
-
ホームページの文字が縦に表示...
-
Word2003で表中の文字が勝...
-
ホームページビルダー14で、表...
-
ホームページビルダーでのセル...
-
ホームページビルダーで、急に...
-
ホームページビルダーの表にお...
-
エクセルでセル1つあたりの長...
-
tex 表の色付けについて
-
エクセルについて教えてください。
-
ホームページビルダーV6.5
-
ホームページビルダー(表の色...
おすすめ情報