コメント欄の

レイアウトが崩れる件を幾つか見つけたので、一言


１．根本の原因は、自動改行の仕様がブラウザ毎に違うって事でしょう。
自動で行われる改行の仕様は HTML や CSS 等の Web 標準仕様では一切定義されておらず、ブラウザそれぞれの独自のルールで改行処理を行っています。ＷＥＢ上でレイアウトが崩れる場合は、表示しているページがブラウザに依存した記述をしているからだと言うことが出来ます。

２．みんカラブログのコメントテーブルでは、幅が設定されていない。
これに気が付いた時は驚きましたが、コメントテーブルは禁止プロパティで幅が設定できない(調べたら580pxでした)のですが、コメントタイトル、コメント日付、コメント表示では幅に関するプロパティが一切指定して有りません。
この効果により、投稿直後から返信が入るまでは100%、返信が入ったら各々50%の幅に自動調整されています。
この仕様はＩＥでは問題が発生せず、Ｆｉｒｅｆｏｘでも通常は問題が発生していませんが・・・

３.Firefoxでは「半角英数」の文字列の場合は極力自動改行しない。
この仕様ため、コメント欄にＵＲＬアドレスや、「www」「???」（<-３文字に省略していますが、もっと長い）などの文字列を入れると、幅の決まっていないコメント欄を可能な限り広げてしまう様です。ＩＥの場合は、半角英数とその他の文字列では優先度が同じ為、投稿欄と返信欄が丁度半分になるらしいです。

これらの事を踏まえると、コメント各種の幅を明示的に設定する事で、Ｆｉｒｅｆｏｘでもコメント欄での改行が正常に機能するようになり、結果としてレイアウトが崩れる事を回避出来ます。
と言うか、たったコレだけの事が、今まで何故解決出来ないの。まあ、無料サービスなのであまり厳しい事は言いませんが>みんカラ運営部様

当方では、ブログ幅を700ｐｘにしている関係で、コメントタイトル/日付/表示の３ヵ所に「width:310px;」を指定しています。標準幅のブログでは数値化出来ていませんがおそらく200ｐｘ前後だと思います。数値を指定するのが嫌なら、コメントタイトル/日付に「width:50%;」を指定する事で多分同様の結果が出せます。

最期に、Firefoxの自動改行の仕様をＩＥ互換に修正しようとした所、Firefoxの既存ユーザーからクレームがついた為に現状の仕様に落ち着いたそうです。

ＩＥと仕様は違っていても、Firefoxの現在の仕様を指示し、Firefoxを使い続けるユーザーも確実に存在しているって事です。むしろ簡単なＣＳＳの記述で、ブラウザの仕様の違いを有る程度吸収出来るのにしていない方々に問題が・・・