表の折り返しについて

質問

お世話になっています。
セルに表示する内容を折り返さずに表示したく、
下記のHTMLを作成したのですが自動折り返しとなってしまいます。
どなたかわかる方がいらっしゃったら、ご教授お願いいたします。

・動作環境 OS：WIN XP　ブラウザ：IE６
・ソース
<TABLE border="2" cellspacing="0" width=500 rules ="all">
<COLGROUP>
<col width="100">
<col width="100">
<col width="100">
<col width="100">
<col width="100">
</COLGROUP>
<TR>
<TD nowrap>あああああああああああああああああ</TD>
<TD nowrap>いいいいいいいいいいいいいいいいい</TD>
<TD nowrap>うううううううううううううううううう</TD>
<TD nowrap>えええええええええええええええええ</TD>
<TD nowrap>おおおおおおおおおおおおおおおおお</TD>
</TR>
</TABLE>

回答No.5

神崎 渉瑠（@taloo）

widthを指定しないのがダメなら、
もしかしてスタイルシートのoverflow:hiddenでしょうか？
それならタグ属性ではかけませんのでスタイルシートで指定しないと行けないです。

td{
width:100px;
overflow:hidden;
}

回答No.4

venzou

>できるならば、セルの幅指定を行った状態で、
>折り返しを禁止できたらと思っています。

こんな感じをご希望でしょうか？

<TD><div style="height : 1em; width : 100px; overflow : hidden;">
あああああああああああああああああ</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : scroll;">
いいいいいいいいいいいいいいいいい</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : auto;">
ううううううううううううううううう</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : auto;">
えええええええええええええええええ</div></TD>
<TD><div style="height : 1em; width : 100px; overflow : auto;">
おおおおおおおおおおおおおおおおお</div></TD>

overflow:hidden で、はみ出した部分は表示しません。
overflow:scroll　で、スクロールバーが出ます。
overflow:auto　 で、自動で処理されます。

ブラウザによって、表示のされ方は異なるようです。

ちなみに、Excelのように自動で縮小して全体を表示する事は出来ないと思います。

回答No.3

goldfox

> 入力した文字数分の幅に広がってしまうので、
> 理想の形にはなりませんでした。
> できるならば、セルの幅指定を行った状態で、
> 折り返しを禁止できたらと思っています。

え～と？
理想の形とはどんな形なのでしょう？
横幅100pxで折り返されるのを、折り返しを禁止すれば当然、横幅100pxより広がりますが。

回答No.2

leap_day

こんにちは

width指定されてるからですね
外せば解消されます

<table>のwidth指定は効力が薄くテーブル内が500以下であれば幅を500にしてくれますが500以上になるとそちらの方が優先されます

http://www.hajimeteno.ne.jp/html32/12/29.html
たとえばこちらの下側↑
<table>にwidth指定しても変わりませんが<td>にwidth指定してやるとその幅で改行されて表示されます

回答No.1

goldfox

tableやcolのwidth指定をすべて外されたらどうですか？

お礼

ご回答ありがとうございます。
col,widthの指定を外すと、入力した文字数分の幅に広がってしまうので、
理想の形にはなりませんでした。
できるならば、セルの幅指定を行った状態で、
折り返しを禁止できたらと思っています。