人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLテーブルについて質問です。幅500で、1行目の見出しの下は3列に分かれ、
一番右のC列は左頭揃えでテキストを流し込み自動改行で文字数によって高さが伸びて
いきます。IEや、ネスケでちゃんと表示されるのですが、ビルダーで開いたら、B列とC列の
間に空間が出来て、C列が細長い列になってしまいます。以下のソースでテーブルが崩れる
問題点などありましたら、ご指摘ください。
<table border=1 cellspacing=0 cellpadding=0 width=500>
<tr><td colspan=”3”>幅500見出し</td></tr>
<tr><td width=”30”>A幅30</td>
<td align=left width=”170”>B=幅170</td>
<td align=left width=”300”>C=幅300のテキストスペースになります。幅300のテキストスペースになります。</td></tr>
</table>

●質問者: cony
●カテゴリ:コンピュータ
✍キーワード:IE ソース テキスト ネスケ ビル
○ 状態 :終了
└ 回答数 : 9/9件

▽最新の回答へ

1 ● MARYGUN
●13ポイント

http://www.hatena.ne.jp/1080559305#

HTMLテーブルについて質問です。幅500で、1行目の見出しの下は3列に分かれ、 一番右のC列は左頭揃えでテキストを流し込み自動改行で文字数によって高さが伸びて いき.. - 人力検索はてな

>B列とC列の間に空間が出来て、C列が細長い列になってしまいます。

上記の状態がいまいち分かりませんが、

これでどうでしょうか?

<table border=1 cellspacing=0 cellpadding=0 width=500>

<tr><td colspan=”3”>幅500見出し</td></tr>

<tr><td width=”30”>A幅30</td>

<td align=left width=”170”>B=幅170</td>

<td align=left width=”300”>C=幅300のテキストスペースになります。幅300のテキストスペースになります。</td></tr>

</table>

”⇒”に変更しました。

◎質問者からの返答

”⇒”

すみません。この記号の事でしたら、はてなに記載される時、自動変換されてしまう様です。


2 ● vicden
●25ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

URLはダミーです。

ビルダーを持たないので具体的ではありませんが、

IE、NN、Opera(いずれもWin版)、どれでみても正常に見え、言われるような表示はされません。

ですので、特に思い当たることはないのですが、私なら「colspan=3」の後に「width=500」を念のために入れておきます。(これが解決策とは限りませんが…。)

◎質問者からの返答

ありがとうございまず。

念のため、「width=500」を入れてみる事にします。実は私自身もビルダーを持っていず、別の方の指摘(ただその方自体がHPに詳しくないので原因判らず)だったので、これで解決できるかは不明なので、質問を続行させていただきます。

上記の説明わかりずらくてすみません。

もし、実際ビルダーを使っていらっしゃる方で問題点など思い当たる事がありましたら、ご指摘ください。


3 ● tom_brown
●25ポイント

http://www.msn.com/

MSN Japan

Aで30と指定し

Bで170と指定し

Cで300と指定して

テーブルの幅は特に指定しなければよいと思います。

<table border=1 cellspacing=0 cellpadding=0>

<tr>

<td colspan=3>見出し 幅 500</td>

</tr>

<tr>

<td width=30>A 幅 30</td>

<td width=170>B 幅 170</td>

<td width=300>C 幅 300 テキストスペース</td>

</tr>

</table>

◎質問者からの返答

なる程。ソースとしては、どちらも間違っていないように思えるのですが(今まで、なるべく細かくサイズ設定した方がテーブルは崩れにくいと思っていたのですが。。^^;)

ドリームウエーバーやゴーライブでも表示確認OKだったので、崩れてしまう要因などもう少し詳しく教えていただけるとありがたいです。


4 ● sakichin
●25ポイント

http://www.hatena.ne.jp/

はてな

特に大きな問題はありませんが

align=leftはalign=”left”にするべきでしょう

逆にwidth=”300”はwidth=300でかまいません

現状ではIEとネスケで確認すれば十分だと思います

◎質問者からの返答

すみません。上記でも書いたのですが、はてなで”が化けてしまうため、一部省略して書いてしまいましたが、実際は全部入れています。

中途半端でごめんなさい。

「現状ではIEとネスケで確認すれば十分だと思います 」そうですね。ブラウザで見れればよしとするべきか・・。


5 ● おおや
●25ポイント

http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

Another HTML-lint gateway

>>HTML文書の文法をチェックし、採点します。

Mac OS XおよびSafari、IE、Firefox、Mozilla、Opera、iCabで検証しましたがOKでした。

◎質問者からの返答

ありがとうございます。

どなたか、ビルダーユーザーで詳しい方はいらっしゃいますでしょうか?


1-5件表示/9件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ