2008またもやsymfonyネタ。generatorは便利だが、どうもレイアウトの崩れが気になって仕方がない。下記のような崩れが見受けられる。左はadminのチェックボックスだけ右に3pxほどずれているし、右は項目をまとめるborderがずれている。しても気になって仕方がなかったのでCSSを直すことにした。直すためのcssは下記のような感じ。これをmain.cssあたりで読んでやればいい。left;}結果、下記のようになり、きれいに表示されるようになる。やっていることは簡単。チェックボックスが並ばないのは、label要素の右にdivがあってその中の要素、がどうもずれるらしい。力業だが、label要素の右にくるdivもfloat:leftで積んでしまえばこのズレは正常に処理されるようになる。これがcssの3つめのブロックでの指定。これだと、上で項目ごとのborderがずれると指摘した問題、これがさらにひどくなって全部の項目で中身がborderから外れる。これはdivの中身がfloatしかないと、divの範囲の外に中身がはみ出るよ、という問題で割とよく知られている。対処するかというと、clearfixとか言われている方法をとる。generatorで外部向けアプリはつくらんよね?)、validでないことはあまり気にしない。(cssの1つめのブロックにあるzoomはIE用、後ろのafterはその他ちゃんとcssを解釈するブラウザ用。これできちんと表示された。これだけでも開発のモチベーションがあがるかもしれない。誰も困っていないのか、ウェブ上では同じような情報はすぐには見あたらなかった。既知の問題だったり似たようなレポートがあればコメントで教えていただければ幸い。