Firefoxだって困ったところはある。

テンプレートを作る際に一番やっかいになるのがシェア1位のくせにまともにCSSに対応していないInternetExplorerなのですが、じゃあWeb標準に近いFirefoxは完璧なのかというと、ちょっと困ったところもあります。

それが長い英数文字列が自動的に折り返されないという仕様。

この仕様は、普通に英文を書く分には全く問題のないのですが、例えばURLなどを表示させようとすると、画面横幅がびよーんと伸びてしまってデザインが崩れてしまったりします。
ブログでいうと、コメント部分なんかでこういったことがちらほら見られるのではないでしょうか。URL書かないとリンクされないというブログ側の仕様なので仕方ないといえば仕方ないのですが…。
そんな状況を回避したいなーということで調べてみたところ、javascriptを使ってURLを省略表記するという手法がありました。
http://www.onlinetools.org/tools/shortlinks/

一番ブログなどで適用しやすいのはこの方法ですかねー。
使用条件とかが問題なければテンプレートに組み込んでみたいところ。良く読んでないからちゃんと読まなきゃ(；'-')

まぁ、javascriptを切っていたりURLじゃない英数文字列を書き込まれたりすることを想定すると、結局CSSのoverflow等を使う必要が出てくるんですよね。ただ見た目をすっきり見せる目的としてはかなり使えるスクリプトだと思います。

ちなみにFirefox3ではこの仕様は改善されるとのこと。
早く正式にリリースされないかなぁ。