(2) 入力フォームの横幅を指定して揃える

まずは現状のデフォルトサイズを確認してみた。

こんな風に数字を連打した結果を表にまとめるとデフォルトは...

	横の文字数	縦の文字数
テキストフィールドtext_field	30
テキストエリアtext_area	40	20

ちなみに、テキストエリアはスクロールバーが表示されていないと、その幅分広くなっている。

text_field、text_areaにサイズを設定するオプションを追加した。

幅40文字で合わせることにする。（下表のように設定する）

	横の文字数	縦の文字数
テキストフィールドtext_field	40
テキストエリアtext_area	40	10

ビュー _form.rhtml

app/views/softwares/_form.rhtml

<%= error_messages_for 'software' %>
＜p＞＜label for="software_title"＞Title＜/label＞＜br/＞
<%= text_field 'software', 'title', :size => 40  %>＜/p＞

＜p＞＜label for="software_description"＞Description＜/label＞＜br/＞
<%= text_area 'software', 'description', :cols => 40, :rows => 10  %>＜/p＞

＜p＞＜label for="software_url"＞Url＜/label＞＜br/＞
<%= text_field 'software', 'url', :size => 40  %>＜/p＞

これで見た目はこんな感じになった。テキストエリアがスクロールバーの幅分、広いのが気になるけど、今は気にしないことにする。

• • • 今は大した問題じゃないが、横幅をぴったり合わせる方法ってあるのだろうか？