自動改行されない

2007/12/18 火曜日

カテゴリー: (X)HTML, CSS, バグ — hiroki ooiwa @ 18:06:05

FirefoxやNetscape 等、Geckoエンジンを用いたブラウザでは、連続した半角文字(長いURLや半角空白のないスクリプト等)を途中で折り返せない
という既知のバグがあります。

【前提:連続する半角英数字が改行されない】
通常、テキストは右端で折り返しされるはずですが、URL (URI) 等の連続する半角文字は一つの単語と扱われ、折り返さない場合が多いです。

つまり、

>”aaaaaaaaaaaaaaaaaaaaaaaaa”はコンピュータからみれば一つの単語で、途中に改行が入ることが許されません。

ということです。

参考資料:
・半角文字列の折り返し(ブラウザ毎の比較があります)
http://pinotan.blog15.fc2.com/file/word-break.html

【通常の対処方法】

  1. htmlタグbrで強制改行。
  2. はみ出し部分をCSS(overflow:hidden)で切り落とす。(IE6は親ボックスの幅が広がるバグがあるので、widthで直接的に幅を指定しないと効かない)
  3. CSSにword-break:break-allを指定し、IEだけ右端で改行。(ボックス幅の広がりを防げるが、単語区切りにならず英数字が読み辛い)
  4. CSSにword-break:keep-allを指定し、IEだけ右端で改行。(単語区切りのみで改行。区切りが無いと全角でも改行されない)
  5. 区切り記号を全角にする。(稀に折り返さないケースもある)
  6. 半角記号を空白(スペース)で挟む。
  7. 単語の区切りなどに<wbr>(<wbr />)を入れる。

参考資料:
7以外は以下の引用です
http://pinotan.blog15.fc2.com/blog-entry-106.html

Firefoxの場合、折り返すようにする拡張機能(url_breaker、url_breker_plusもしくはGreaseMonkeyを使う方法)があります

ただ、この場合、ユーザーにインストールしてもらわないといけないので、入れていない人にも効かせて欲しい場合は、これをjs化することで対応できます。

参考資料:
Firefox・Netscapeで連続した半角文字を折り返す
http://www.koikikukan.com/archives/2005/08/04-235647.php

NN7やmozillaでは、なんと全角数字も同じように扱われてしまいます。
しかし記号もそうなのだとは知りませんでした。
参考ページ。
http://www.mozilla.gr.jp/forums/?mode=al2&namber=6847&rev=&&KLOG=47

リングメニューみたいなもの

2007/12/17 月曜日

カテゴリー: JavaScript — hiroki ooiwa @ 23:03:01
NavigationRing
http://nyatla.jp/ws/nr/

mixiで見つけました。
最近のJavaScriptはすごいです。

funnythingz公式サイトについて

2007/12/15 土曜日

カテゴリー: (X)HTML, CSS, つれDUれ — hiroki ooiwa @ 20:26:03

こんちゃす。ぴです。
自分、funnythingzというWeb屋の集まり集団の代表やってます。

その公式サイトでもあるhttp:/www.funnythingz.com/なんですが、 今日久しぶりにソースレベルでの更新を行いました。どうってことないのですが、Web標準を謳っている割にクロスブラウザにちゃんと対応していなかったので、(X)HTML部分とCSSを改修しました。

これで、IE7,でもIE6以下でもFirefoxでも、Opera9でも、Netscape7.1でも、Safari3でもレイアウト崩れしてないんだぜ!というのを大きくアピールできます。(誰にwwwwwwww)

といっても、中身のないサイトなんであまり意味ないんですけどね。

スパム集めてました。

カテゴリー: つれDUれ — hiroki ooiwa @ 0:38:58

スパム

昔、上記のようなサイトを企画してました。 

その名も「スパム検索」。
世界中のスパムメールを検索できる画期的な検索エンジン!

正直アフォです。

原付投稿 - XOOPSを使った構築

カテゴリー: CMS, XOOPS — hiroki ooiwa @ 0:05:51

原付投稿
http://www.gentuki-toukou.com/

上記は過去にXOOPSで構築したサイトです。

今から3年くらい前にXOOPSがちょっと流行って、コミュニティサイトやポータルサイトが誰でも気軽に構築できるってことで話題になりました。(実際は、構築難しいんですけど。)自分も面白そうだなということで、XOOPSで(またもや)原付系のコミュニティサイトを作りましたが、構築がめんどく挫折。それからXOOPS CUBEが出て、(XOOPS互換性なし?)今のサイトを構築してみました。

XOOPS CUBEでは、ブロックがデフォルトで最低限しかなく、非常に扱いやすくなっていて、不必要なものは最初から要らず、自分でガツガツカスタマイズしていきたい人には良いんではないでしょうかね。…と、まぁオチはないんですけどね。今日本屋で読んだCMSのまとめ本みたいなのにXOOPSが載っていたので、懐かしいなぁと思ったまでです。

« 前ページへ次ページへ »