入力欄が隠れてしまいます

昨日書いた「横スクロールバーが出ないレイアウトを目指して」にいただいたtsupoさんのコメントを読んで、IE6だとコメント本文入力欄に問題が出ることに気づきました。

ココログのデフォルトテンプレートだと枠の右端が切れて見えなくなっています。それでも文字だけはぎりぎり読めます。

昨日テストした伸び縮みするスタイルシートは#centerからはみ出たものは表示しないように設定していました。入力欄には何も設定しなかったので一部見えなくてもしかたがないことでした。でもデフォルトのスタイルシートのようにwidthを80%にしてもIE6ではやっぱり右側がはみ出ることがあるのですね。

窓が大きい時はいいのですが、小さくすると入力欄が完全にはみ出します。↑↓←→キーで移動すれば見えないことはありませんがすごく読みにくい。Opera6では指定通り幅が80%に縮むんですが多数派IEで読めないのではねえ。何かいい設定方法はないでしょうか？

昨日のサンプルのうち2つだけtextareaの設定を追加しました。

大枠のレイアウト4～floatで幅の合計96％、padding 0px～

スタイルシートでtextareaのwidthを80%にしています。窓サイズ800*600では右側の文字が読めなくなっています。

大枠のレイアウト8～positionで上にずらす、padding 0px～

スタイルシートでtextareaのwidthを80%、hmlの方でtextareaのcolsを40に変えています。窓サイズ800*600では全部見えますが「お気に入り」を表示していると右側の文字が読めなくなります。

※colsを変更するのは本来ココログのシステム側で変えてもらわないと出来ないことですがこれはテストなので。

※追記

2009/12/11

サンプルページをniftyの@homepageからココログへ移しました。