widthを設定してもテキストを流すと幅が広がってしまう

質問

トップページの左ナビの部分です。
1行2列の大テーブルの、左のtdが左ナビになっています。
↓こんな感じです。
<table width="800">
<tr><td>左ナビ</td></tr>
<tr><td>内容</td></tr>
</table>

この左ナビ部分を更に<div>で区切って、
その<div>の中に改行なしのテキストを流し込むと大テーブルの幅800まで広がってしまいます。
幅170pxの指定方法は、<div class="navi">というふうにwidth指定を含むcssをつけています。
cssではダメなのかと、<div>なしで
tdのwidth指定だけにしてみてもダメでした。
方法を教えてください。

回答No.1

unimentai · ベストアンサー

<tr></tr>はテーブルにおける1行を表しますので、
例示の書き方ですと、以下のようなテーブルとなってしまいます。

　┌───┐
　├───┤
　└───┘

質問者の意図が以下のようなテーブルでしたら、
下記のように記述します。

　┌┬──┐
　││内容│
　└┴──┘

　<table width="800">
　<tr>
　<td width="170">左ナビ</td>
　<td>内容</td>
　</tr>
　</table>

以上、お試し下さい。

お礼

ご回答ありがとうございました！
ごめんなさい。例示のソースは間違いでした。
unimentaiさんがご提示くださったソース上での
問題点として最初の疑問を投げさせていただいた次第です。

あの後色々と調べていたところ、この左ナビに流しこむブランド名データ自体が問題になっていたことがわかりました。
メールで受けとったデータをコピペしていたのですが、
そのメールからのコピペでないものを流し込んだ際は、
幅指定が、きちんと効いてくれました。
メールデータの何がダメなのかはわからなくて、
本当に解決はしていないのですが・・・とりあえずは納品することができました。
ご回答の返事が遅くなってしまい大変申し訳ありませんでした。わかりやすい回答の提示の仕方、今後の参考にさせていただきます。