Firefox1.5ユニバーサルバイナリが発表されてインストールしてから数日、自分の作ったサイトで画像置換を使ったリンクをクリックすると、フォーカスされた点線が画面外に向かって表示されてしまう事に気づいた。

どうやらtext-indent: -9999px;で画面外に飛ばしたテキストを拾ってるらしいのは分かるのだが、対処方法に困っていたらFsikiさんの所に記事が載っていた。

aタグのoverflowプロパティにhiddenを指定すればOKらしいとの事で試すと見事に消えました♪Mac IEのoverflowプロパティにvisible以外を指定すると要素が表示されないバグを回避するためにバックスラッシュハック(/*\*/ 〜 /**/）を使えば完璧。いや助かりました。

/*\*/
a { overflow: hidden; }
/**/

おそらくMacユーザーなら皆気になってる事。ITmediaのMobile関連コンテンツのサイトのセンターカラムのレイアウトがSafariで崩れてます。気になりますよね？

いつ直るのかなって思ってるんだけど、一向に直らないですねぇ。Firefoxだと崩れないんだけど、Macユーザーは圧倒的にSafariを使ってる人が多いだろうし。こんだけのサイトがSafariでチェックしてないんだと思うと不思議。

やっぱ気になるから直って欲しいなぁ〜。

久々にこの手の本を買ったんだけど、この本は相当充実してる。おそらくは今発売されてるCSS関連の本ではダントツなんじゃないかな？CSSでサイト構築してても未だに適切にマークアップされてないなぁと思う箇所がちらほら（苦）この本読んで再勉強です。

Blogをつけるようになってから良く使われる<blockquote>なんか、中にp要素とかのブロック要素を入れなきゃいけないなんて知らなかった。

<blockquote>
<p>これが正しい書式</p>
</blockquote>

しばらく熟読する事にします（苦笑）

なんとなくEMINEM出演iPod風にリニューアルしてみました。そのついでといっては何だけど、Livedoorのレイアウトがどんなdivにわかれてるかを書き出してみました。

#wrapperで左と真ん中を囲んでたのね。この方がやっぱり確実なのかな？見てみると、使ってないスタイルが結構あるから、これらを有効活用すれば（まあ自分で勝手に定義すりゃ良いんだけどね）結構色々なデザインが出来そうだね。

今度リニューアルする時はちょっと凝ったレイアウトにしてみよっかな？

ドラえもん最終話に関しては色々と話しに上がってるけど、この話しは感動してしまった。

ドラえもん最終話FLASH

データーをバックアップしなきゃならんって所が今風だよねぇ〜。