- ベストアンサー
tableでレイアウトが崩れる場合
- 技術の足りなさからCSSにできなかったので、再度テーブルでサイズを指定してやってみようとしているところです。
- どこかの数字がおかしくなっていると思うのですが、どうしてもわかりません。
- ちゃんと表示できるブラウザとそうでないブラウザがあり、Firefoxは環境設定により表示が崩れる場合があります。使用ソフトはビルダーの１１です。なんでも良いのでどうぞアドバイスをよろしくお願い致します。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
テキストエリアの横幅が、ブラウザによって違うことが原因ですね。 cols="70"は、IEだとwidth="400"以内に収まりますが、FireFoxではwidth="600"くらいないと収まらないようです。 収まらないと、サイズ指定を無視してしまうので、文字の表示が崩れるわけです。 今回の解決策ですが、tableの横幅とtextareaのセルの横幅の指定を外し、自動調整機能に頼ることにしました。 そうすることにより、textareの横幅に合わせてセルの横幅が設定されるので、文字の崩れを抑えることが出来ます。 また、tableを入れ子にしすぎているのと、文法的誤りが気になったので、軽く修正してみました。 <html> <head> <title>テスト</title> </head> <body> <div align="center"> <table cellspacing="1" cellpadding="0"> <tbody> <tr> <th valign="top" class="td1" align="left"> あああ </th> <td width="200"> ううう </td> </tr> <tr> <td> <textarea rows="15" cols="70">いいい</textarea> </td> <td valign="top" class="td1"> えええ </td> </tr> </tbody> </table> <br> </div> </body> </html>
お礼
回答ありがとうございます。非常に助かりました。 修正して頂いたものを基本に頑張ります！