InternetExplorerで見るとブログのサイドカラムが落ちる

ブログの横のメニュー、サイドカラム。InternetExplorerで見ると、記事の内容で落ちる。
原因は分かっている。
長いURL。これが一つの単語扱いで改行されない。
→サイド突き抜け→カラム落下。

対策も分かっている。「word-break: break-all;」を使えばいい。
だが、どうやって使うのかよくわからん。

「word-break: break-all;」はInternetExplorer独自のもの。Fierfoxとかでは使えないとか。
といっても、困っているのはInternetExplorerであって、Fierfox（Version3）では問題ないんだけどね。




ブログのサイドカラム落ち | サラリーマンの副業奮闘記（2009/11/14）
http://blog.yoshida-ya.biz/?eid=66

サイドカラムが落ちる主な原因として、次の３つがあげられます。
原因１）貼り付けている画像、クリックテキスト、英単語の幅がカラム幅よりも大きい
原因２）プラグイン（ブログツール）の相性が悪い
原因３）サーバーエラー

うちは原因１）


長～いURLによるカラム落ち、に対処する - Archiva（2006/08/08）
http://archiva.jp/web/html-css/20060808013000.html

長いURL(半角英数字）を強制改行させるには、CSSで「word-break: break-all;」を指定すれば良い。これはIEの独自拡張で、IE5.0から対応しています。
通常のボックス要素の場合だと、Opera/firefoxではボックスを突き破りはしても、ボックスを拡張したりはしない。
幅が指定されたボックス要素を拡張してしまうのはIEのバグなので、通常は「word-break: break-all;」で大きな問題は無いです。（レイアウトが崩れない、て意味ね）

FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」[to-R]（2008/09/14）
http://blog.webcreativepark.net/2008/09/14-211341.html

IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。

必要になったら良く読もう。


word-break－スタイルシートリファレンス
http://www.htmq.com/style/word-break.shtml

word-breakプロパティは、W3Cで審議中の仕様をInternet Explorerが独自に採用したもので、 表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、文の改行の仕方について指定する際に使用します。

CSSの簡単な使い方
http://www.asahi-net.or.jp/~wq6k-yn/kantancss.html

---

テンプレート設定/編集で「word-break: break-all;」を使ったらとりあえずInternetExplorerではサイドカラム落ちはなくなった。（2010/04/18）