• ベストアンサー

ホームページビルダーでの表やセル巾について

ホームページビルダーにて、事前に保存した既存のホームページを開き、表やセルごとの巾を確認すると、例えば、表巾が同じサイズにもかかわらず、見た目の巾が異なっていることがあります。 例えば、ヤフーのホームページを開いてみると、ヘッダー部分の表巾が710、中断の巾計も710(480+6+224=710)ですが、ヘッダー部分と中断を比べると、中断の方がかなり幅広になっています。 しかし、インターネットエクスプローラーで確認すると、同一に見えます。これはなぜなのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • yeviss
  • ベストアンサー率48% (21/43)
回答No.4

#2です。 気になったのでyahooのソースを落としてビルダーで見てみましたよ。ほんと、私もひまだなぁ(笑 検証に使用したのはビルダーV9。 開いてみると・・・・おぉ、確かにプレビューでは綺麗に表示されるのに、ページ編集では枠がひろがる。 ではソースを見てみましょう。 Yahooは多段tableを多用しているため、正直、質問に記入いただいているような単純な足し算では計算できそうにないです。普段はテーブルの幅で計算するのですが・・・・。 そうそう、今回はビルダーを使っていたことを思い出しました。おとなしくテーブルを削ってみよう作戦です。 まずずれ始めている箇所は「検索バー」のある少し上のスペーサーからここから消してみます。ますスペーサー、次に検索バー、「迷惑メール~~」と書いてある箇所、そして「買う」。 ここまで来て始めて動きが有りました。 「買う~」からのジャンル別のテーブルを消すと綺麗にレイアウトは整います。つまり、質問者様の言う710に統一されるわけです。 犯人はここら辺だとわかりました。 ではジャンル欄の上からテーブルを見ていきます。あまりサイズを設定している欄もないようですが、ソースで見ると結構面白いタグを使っているのが判ります。 少しずつタグを整理していくと・・・・一番下の「人気のオークション ファッション」の欄にまでたどり着いてしまいました。 さらに良く見ると、この「人気のオークション」だけ、テーブルのはじめの列がずれている事がわかります。初めの<td>。 これは<NOBR>というタグのせいです。 <NOBR>タグはブラウザやテーブルの横幅に関わらず改行なしでで表示するタグ・・・・ですが、実はIEや私のOperaでは関係のない、「Netscape Navigator独自の仕様」タグです。 つまりIEでは無視されているのですね。 最近では見なくなってきたものの、一昔前までは「このページはネスケで見てください」という但し書きを良く見かけました。その名残でしょうか。 ビルダーではこの命令は一応有効なので、ビルダーは「ページ編集」にこのタグを反映させているようですね。 さてYahoo。この<NOBR>を結構いろんな箇所で使用しています。なぜ際下段「オークション~」だけでこんな事象を起こしているのかというと・・・・この行だけ、明らかに他行よりも文字量が多いのですね。ですから、710幅の行に入らない、でも改行禁止の命令も守らないと、という二面背立が起こっているのでしょう。 というわけで、<NOBR>を外してみてください。 他にもエラーとなるタグのため(エラーアイコンを表示するために)多少テーブルがずれるとは思いますが、思い通りにすっきりとしたでしょうか?

その他の回答 (3)

回答No.3

その「ページ編集」用のページ(私はビルダーを持っていないので、表現が違っていたらすみません)では、ブラウザで見るページよりも文字が大きく表示されていませんか? 中段のテーブルは確かに合計の幅が710pxと“指定”されていますが、セルの中身がその幅を上回るので、テーブルが横に伸びてしまったのだと思います。 つまり、ブラウザの標準文字サイズと、ビルダーでの編集ページで、初期設定のフォントサイズが違うのが原因ではないかと。

参考URL:
http://hpbuilder.net/hpbuilder1.htm#font
  • yeviss
  • ベストアンサー率48% (21/43)
回答No.2

表幅であれば、「枠線の太さ」や「テーブル自体の幅」にも左右されます。 yahooのソースを見てないので、詳細はわかりませんが一例として、セルの幅を710にしていても、テーブル幅を900にする、もしくは95%にする。そういう作業で幅は広がると思いますが。

noname#74129
質問者

補足

ありがとうございます。 おっしゃる意味は、とても良くわかります。 ただ、それでしたら、同一ページにある、同一巾の表は全て同じ割合で拡がったり、縮んだりしませんか?

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.1

 「中断の方がかなり幅広になっている」のは、「ページ編集」ページのことですか?  だとしたら、それはあくまでも「ページ編集」用のページだかであって、見栄えの確認は「プレビュー」で見られれば良いのではないですか?

noname#74129
質問者

補足

ありがとうございます。 確かにおっしゃる通りです。 でも、なぜ、同じ表巾であるにもかかわらず、見た目のサイズが異なるのかが、どうしても疑問だったのです。 なぜだかご存じですか?

関連するQ&A