テーブルwidthで指定したのに幅が広がる

解決済

質問者：quete_boo
質問日時：2006/09/06 21:02
回答数：4件

↓のようなHTMLをCGIで出力しました。

<TABLE width="500" cellpadding="10" bgcolor="wheat">
<TR>
<TD>2006年9月6日（水）20時48分</TD><TD><B>2/12求人広告結果</B></TD><TD>広告</TD>
</TR><TR><TD colspan="3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</TD></TR>
<TR><TD colspan="3"><A HREF="./outsider01.cgi?mycmd=edit&view_page=328"><P align="right">編集</A>｜<A HREF="./outsider01.cgi?mycmd=delete&view_page=328">削除</A></P></TD></TR>
</TABLE>

すると、テーブルの幅が広がるのです。

aaaaaaaaaaaaaaaaaaaa・・・

ではなく、ふつうの全角の文章ですとwidth500で固定されるようです。

なぜ小文字のaaaaaaaaaaaaaだとwidthが固定されないのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (4件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： noname#20941
回答日時：2006/09/06 21:42

このページ自体も広がっちゃいましたね^^;

英語は原則、単語の途中で折り返して書かないものですよね。なのでブラウザは無意味な半角英数字でもひとつの単語と解釈して折り返さないということらしいです。

↓のページに解決策があるかもしれません。

参考URL：http://chaichan.web.infoseek.co.jp/qa4000/qa4125 …

- 1
- 件

通報する

No.4

回答者： aqucent
回答日時：2006/09/07 02:47

回答は皆さんの仰るとおりなので控えますが、これは最近よく出る質問ですね。

過去ログにも解決例が載っていますので、参考にどうぞ。

[教えて！goo] 日本語を半角英数字にすると画像にCSSのfloat:rightを指定していても無効になる問題について。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=2386819 …
[教えて！goo] テーブルの幅固定について
http://oshiete1.goo.ne.jp/kotaeru.php3?q=2380265 …

- 0
- 件

通報する

No.3

回答者： gura_
回答日時：2006/09/06 22:37

　テーブル幅を固定するには、table-layout: fixed; の記述が必要です↓

　<TABLE width="500" cellpadding="10" bgcolor="wheat" style="table-layout: fixed; word-wrap: break-word;">
<TR>
<TD>2006年9月6日（水）20時48分 </TD><TD><B>2/12求人広告結果</B></TD><TD> 広告</TD>
</TR><TR><TD colspan="3">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</TD></TR>
<TR><TD colspan="3"><A HREF="./outsider01.cgi?mycmd=edit&view_page=328"><P align="right">編集</A>｜<A HREF="./outsider01.cgi?mycmd=delete&view_page=328">削除</A></P></TD></TR>
</TABLE>

参考URL：http://www.tagindex.com/stylesheet/table/table_l …

- 0
- 件

通報する

No.2

回答者： WizardZero
回答日時：2006/09/06 21:46

質問を読んだだけで詳しい検証はしておりませんが。

。。

ブラウザは、連続した半角文字をスペースがない限りひとつの行に納めようとします。そのため、テーブルの幅に収まらない場合は、幅を拡張して納めてしまうので、横幅がずれます。

これに対し、全角文字はどこでも改行されるので、横幅が伸びることはありません。

対処法としては、長い半角文字列を出力しないようにしたり、途中にスペースを入れるようにします。

また、IE独自のスタイルシート「word-wrap : break-word」を指定することで、連なった半角の途中でも改行されるようになります。（詳しくは参考ＵＲＬをご参照ください）

参考URL：http://www.htmq.com/style/word-wrap.shtml