久保清隆のブログ

ライフハック、健康、旅行など、役立つ情報を書きます。

fieldWithErrors によるビューの不具合

Railsのバージョンは1.2.3


エラーが起こったフィールドの様子がおかしい。
下図のように右側に赤い領域が発生している。
(ちなみにエラーメッセージが日本語になるように設定した。
参考ページ:http://d.hatena.ne.jp/LukeSilvia/20080110/1199989797#c

ソースコードを見ると、エラーが起こったフィールドに
div id="fieldWithErrors"
がついている。

scaffoldで生成すると、エラーが起こったフィールドはデフォルトで div.fieldWithErrors で囲まれるようだ。
CSSを見ると、下のようなコードがあった。

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table; 
}

そこで、
width:0px;
を追加してみた。
すると、

という、より悲惨な状況になった。
とりあえず、width:0px;は削除した。


色々と調べてみると、
display: table;
は必要ないらしい。(参考ページ:http://d.hatena.ne.jp/takihiro/20080923/1222136947)

これを除くと、

となった。

でも、右側の赤い領域は消えない。
何でだろう?

にほんブログ村 総合ランキング / FC2 ブログ総合ランキング

にほんブログ村 IT技術ブログランキング / にほんブログ村 プログラマランキング