昨日の修正で残っていた、Firefoxで掲示板などで余分な枠が表示される問題を修正してみました。これまで、Tableの外枠だけ表示して、中の罫線を消す方法を知らなかったため、Tableの入れ子にして、外側にborderを設定して、内側はborder=0としていたのでした。Firefox以外は、<tr><td>が一つしかない場合には罫線を表示しなかったのですが、Firefoxは表示してくれていたのです。というわけで、外枠だけ表示する方法を探してみました。結局、HTMLのTableの属性だけでは無理のようでスタイルシートを使う必要があるようです。
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1326136493
を参考にCSSでTableのborderを設定し、TDのborder-widthを0に設定することでうまくいくようになりました。これならTableを入れ子にする必要もないのでブラウザへの負荷も軽くなります。
もう一つ、メッセージを入力する領域がFirefoxの方が小さくなることに気づきました。どうやらTextareaのcols設定どおりにFirefoxは領域を確保してくれないようです。これについては、
http://www.1uphp.com/con1/form/textareasize.html
に説明がありました。どうやらstyleで指定する必要があるようです。この修正をいれて、IEもFirefoxも同じ大きさで表示されるようになりました。
まだまだ細かい点はいろいろとありますが、Firefoxについてはかなり改善されたと思います。
|
