画像クリックで拡大
不動産プラグインでは新着物件がウィジェットで（トップ物件表示）表示できるのだけれど、なぜか上の画像のように表示がズレることがある。
ズレた部分がこれ
画像クリックで拡大
ズレる症状がいつも出るわけではないので、どうしたものか分からず、仕方が無いので当面は表示数を４件に絞っていた。ズレるのは決まって２段目だったので、４件のみの表示なら１段で収まる為にズレることはないからだ。
しかしそれでは常に４件しか表示できない。
しばらくサイトを運営していると、やはりこの「トップ物件」（東京４万暮らしでは「新着物件」のコーナーとしている）のところに表示された物件の閲覧数が他と比べてもかなり多いことが分かったので、せめて８件（２段）表示はさせたいと思ってちょっと触ってみた。
結局なぜズレるのかを見ていると、表示されるセルの中のテキストの段数と関係していることが分かった。
画像クリックで拡大
南青山のお洒落なシェアハ
ウス４万円台！
4.2万円
東京メトロ銀座緯線表参道駅
→物件詳細
となって５行。
その横のシェアハウスは
女性限定シェア駅徒歩１分
４万円
東京メトロ丸ノ内線中野坂
上駅
→物件詳細
でやはり５行。
要は、表示させる項目にもよるのだけれど、すべてテキストが同じ行数に入るようにすればいいということだ（実際は、１段目のセルのテキストがすべて同じでなくても、少ないセルがあっても揃う）。具体的には、タイトルは基本２行にわたるようにしておき、路線・駅名が長くなると２行にわたる場合は１行に収める、というように運用している。
東京４万暮らしの場合は、表示させているのが、タイトル、家賃、最寄り路線・駅名の３つだけだが、他の項目も表示させる場合はまた行数が変わるだろう。
ちなみに下の段は行数が違っているが、この場合はさらにその下の段がないので大丈夫。しかしここで表示件数を12にして３段目を表示させると、３段目の一番左のセルの部分がズレてしまう。
● 追記ここから
と、こういうエントリを書いたら、早速公式からありがたいご指摘をツイートでいただきました。
@masaru_fl 高さを揃える jquery.flatheights.js を読み込むコードを消したせいですw
— nendeb (@nendeb) September 14, 2013
なるほど、そういうことだったんですね。スクリプトの名前からしてもう、これが原因だと分かります。これは直さねば……
@nendeb の中の方、素早いご指摘ありがとうございました！
