Ellinikonblue.com Weblog

　フレーバーのイメチェンの布石として、 現在のフレーバーをメンテナンスのつもりでいじっていたら 止まらなくなってしまいました…
# その割には見かけは間違い探し程度にしか変わってませんが…

　Nest of Snowy Owls 製の writebackplus プラグインは、 コメントをいただいた際に、その中に URI らしき文字列を見つけると、 リンクに置き換えてくれると言う機能があります （おまけに target="_blank" がついてます）。
　しかしながら、その URI があまりに長く、 そのボックス要素中で width を設定していると、 Internet Explore と Firefox で挙動が違い、 Internet Explore では width の設定を無視してレイアウトが崩れ、 Firefox は width の設定を優先してはみ出ます。

　この問題は、エントリの場合はそれを書く際にある程度考慮して、 書けば大きな問題になりませんが、 全く自動で処理されるこのコメント部分では問題です。
　そこで少々、アドホックな処理ですが、 CSS で writeback フレーバー中の a 要素の中だけ word-break を break-all に設定しました。 理想を言えば、コメント部分の a 要素だけにこれを設定するのがベストですが、 いろいろやった結果、現状の構造を保ったままだと、 writeback フレーバーのための ID 属性を持つすべての p 要素中の a 要素に word-break: break-all; とする方法でなんとかうまくいきました。

　まぁ、問題は解決したように見えますが、 Firefox では この記述は無視される（はみ出たまま）こともあって、少々気持ち悪い。 CSS は奥が深い。まだまだ修行が足りんな…(-.-;>