ひつじlogは、今風にCSSにべったりなページレイアウトになっている。色は暖色系を使いたかったので、orangrayというスキンのテンプレートを使わせてもらい、それをベースに少し改造している。
ところが、このorangrayとLatest Writebacksというプラグインの相性が良くなかった。Latest Writebacksは最新のトラックバックとコメントを表示してくれる便利な（Nucleusにはその機能さえ無い、すごい）プラグインなのだが、コメントの頭の方にURLがあるとword wrapが中途半端に効いて、レイアウト用のboxの幅を崩してしまう。それだけならまだ良いのだが、本文のboxがそれに引きずられて、一番下に行ってしまうのだ。これでは読めない。
やっかいなのは、この現象はOperaやfire foxでは発生せず（だから自分では暫く気がつかなかった）、IEでのみ起こること。おそらくはCSSの挙動としてはどちらも正しく、微妙な解釈の違いの部分なのだろう。こうなると厄介だ。特にコメントは本文と違って誰が何を書くか分からないので、「運用でカバー」ができない。
こういうのを直すのってすごくイライラする。しかも、staticなwebページではないので、いちいちサーバー上でテストしないといけない。
結局、
スタイルシート(css)学習辞典
というCSSタグの逆引きができる便利なサイトを見つけて、boxのレイアウトに、
word-wrap:break-word;
という属性を付けることで解消した。うまくいってみれば、あっさりと表示される。こんな属性知らなかった。
願わくば、似たようなワードラップ（行送り、word wrap）の問題にはまっている人が、このtipsにたどり着けると良いのだが。（googleで引っかかりやすいようにいろんな書き方で書いてみる）