先日 IE8 で table の隙間が消える件で「互換モードで表示すればいいかな」と思っていたのですが、どうしても気になるので全部書き直しました。



と言っても、全部 div にしただけなのですが。
中身は大幅に変わっているのですが、見た目にまったく変化無いので「どこが変わったの？」と言われそうで少し悲しいものがあります(^-^;

まったく見た目が変わっていない訳では無く、今まで件名や送信者の名前は文字数で短くしていたのですが、この項目を廃止してサイズで指定するように変更を行いました。



ボタンなどは固定サイズです。
現行のブラウザ（IE8/Firefox/Opera/Chrome/Safari）全てでほぼ同じ表示になるようになっています。

件名が長いとボタンの位置などが動いたりしていましたが、これで場所も固定となります。
セパレータを掴んでサイズ変更をできるようにしようかとも思いましたが、かなり大変そうなので今後の課題ということで・・・