tableタグについて

質問

どのようのウィンドー幅になっても全ての文字が表示させたいのですが、以下のタグの何処がおかしいのでしょうか。

<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align=center>
<table width="700">
<tr>
<td>あいうえお・かきくけこ・さしすせそ</td>
</tr>
</table>
</div>
</td>
</tr>
</table>

この場合、ウィンドー枠を右から左に向かって縮小していくと、「あいうえお・かきくけこ・さしすせそ」の”そ”から順に見えなくなります。

　そのではなくて、
あいうえお
かきくけこ
さしすせそ
になり、

さらに縮小すると
あい
うえ
おか
かき
くけ
こさ
しす
せそ
の様な感じで

すべてが表示されるようにしたいのですが、どのようなタグを挿入すれば良いのでしょうか？
お願いします。

回答No.1

akuhijrwq · ベストアンサー

わかりやすくborderをつけてみましょう。
<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td>
<div align=center>
<table width="700" border="2">
<tr>
<td>あいうえお・かきくけこ・さしすせそ</td>
</tr>
</table>
</div>
</td>
</tr>
</table>

中のテーブルが700に固定されているため
幅700から動かなくなります。
ここを80%とかにしてあげてください。（数字はなんでもOKデス）
ご希望のことが出来るかとおもいます。

（borderを付けたのは、テーブルの動く様子をみるためだけです）

お礼

ありがとうございました。参考になりました。