今とあるＨＰを制作しているのですが、改行がうまくされません。

質問

今とあるＨＰを制作しているのですが、改行がうまくされません。

ＩＥだと改行されずにのびてしまいます。
他ブラウザ(chrome,Firefox,Operaで確認しました)だと、
ちゃんと改行されているのですが・・・。

ＩＥだとtableで指定した幅内に納まらず、tableの外に出てしまうのです。
改行できても、項目の文字の途中で改行されてしまい、他ブラウザのように上手くいきません。

説明がうまくできない+ソースが長いのでURLを載せました。
すみませんが、お助けください。

http://flatfish2.xelop.com/flatfish2_2.html

回答No.1

x_lady007 · ベストアンサー

以下でどうですか？

■CSSに以下を追記。
#category_data{display:block;overflow:hidden;zoom:1;}
#category_data span{display:block;float:left;white-space:nowrap;}

■HTMLの#category_dataに内包されるソース
<span id="category_data">
<span><input type="checkbox" name="category" value="家電" id="category_家電" /><label for="category_家電">家電</label></span>
<span><input type="checkbox" name="category" value="社会性" id="category_社会性" /><label for="category_社会性">社会性</label></span>
<span><input type="checkbox" name="category" value="ゲーム" id="category_ゲーム" /><label for="category_ゲーム">ゲーム</label></span>
<span><input type="checkbox" name="category" value="音楽" id="category_音楽" /><label for="category_音楽">音楽</label></span>
<span><input type="checkbox" name="category" value="ネット" id="category_ネット" /><label for="category_ネット">ネット</label></span>
<span><input type="checkbox" name="category" value="ネットサービス" id="category_ネットサービス" /><label for="category_ネットサービス">ネットサービス</label></span>
<span><input type="checkbox" name="category" value="ソーシャルデータベース" id="category_ソーシャルデータベース" /><label for="category_ソーシャルデータベース">ソーシャルデータベース</label></span>
<span><input type="checkbox" name="category" value="ロボット" id="category_ロボット" /><label for="category_ロボット">ロボット</label></span>
<span style="clear:both;">その他記入欄 : <input type="text" id="category" name="category" size="30" maxlength='20' onfocus="this.select();" /></span>
</span>

あと、ID名は半角英数字のみで記述しなければなりません。

お礼

ありがとうございます！！！
解決しました^^

他の部分の指摘までしていただき感謝です！！