ばとん

ひろこから回ってきました、何バトンって言えばよくわからないけどやってみよう。

あと、ひろこの回答が面白かったので、ちょっと突っ込みを入れつつ。

★1:回す人を最初に書いておく(5人)
バトンとか回さないけど、今回は西澤くんに振ってみよう。やって。

★2:お名前は？
Satoです。本名はmixi見てもらうとして、なんか親が昔お世話になった医者の名前らしいけど、そのおかげで日本一ありふれた名前になりました。
> まっすぐ飛ぶのは矢です。弓は曲がってます。
は確かにそうだねぇ（笑）

★3:おいくつですか？
21です。もうハタチみたいに3文字くらいでスパッと言える年齢は三十路のみとなりました。

★4:ご職業は？
学生さんです。長岡造形大学に通ってます。一応建築を学んでますが、なぜかWebのお仕事も来たりします。
> 机4個しか置けない楽屋の図面を書く必要がどこに...！！！
実はその楽屋が建物のコンセプト的にコアになる部分で、ものすごい重要かもしれないじゃないか。そんなことは絶対ないけど。

★5:ご趣味は？
この前は仲間と話したら、「これが自分の趣味だっ」と言えるほどの趣味ってあんまりないなぁということでまとまったので、まぁありふれた感じで音楽鑑賞とかにしておきます。
あ、あと、ポストカードとかよく集めます。
てか僕もカラオケ行きたい。

★6:好きな異性のタイプは？
今好きな人が好きなタイプです。

★7:特技は？
建築学科生なのに、3年で2番目にWebができそうな人と思われていること。なぜか。
> ロゴのトレース？w
最近はよく点景を切り取ってます（笑）

★8:資格、何か持ってますか？
自動車免許と色彩検定3級です。色彩2級どうしよっかなぁー、1回落ちたんだよなー。

★9:悩みが何かありますか？
卒研をどこに落とし込もうか……。

★10:お好きな食べ物とお嫌いな食べ物は？
好き：梨、肉？、おいしいもの？
嫌い：熱の通ったレバー。レバ刺しなら今すぐにでも食べたい。

★11:貴方が愛する人へ一言
とりあえずまた話しましょう。

★12:回す人5人を指名すると同時に、その人の他者紹介を簡単にお願いします。
西澤卓也。またの名を画伯。そしてこのブログに来る人の検索ワード第1位に輝く男（実話）。

あーー

雪降っとるー。
寒いー。
やだー。

仮完成

Firefoxで見るとかなりいい感じに出来上がりました（IEのバグはあとでなんとかします）。

サンプルページ。

お知らせの部分は、多分画像の方が雰囲気が伝わると思うので画像にしました。

ナビゲーションの付箋部分をマウスオーバーでめくれた感じ？ か、選択した雰囲気になるようにあとでします。

結局

IEは !important の解釈の違いを利用して、アルファチャンネルのかかっていないPNGを別途読み込ませることにしました。

なのでIEとFirefox／Safariとではペンの位置が違います。

超妥協。でもどうやったって出来ないんだもの。

続き

さっきのサンプルですが、CSSを入れ替えてみました。

アルファチャンネル（半透明処理）のPNGがIE6.0以下で正確に表示されない問題があって（IE7では解消されているんでしょうか＞トシオさん）、灰色で見えていたんですが、それを直そうとググって調べてみても、なかなかdivの背景に設定されているPNGをなんとか、というページが見つからず、どうしようかと懲りずに食い下がってみたら、IE-winで透過PNGを利用する方法 - Archivaというのを見つけ、そこに載っているのを参考にして（というかほぼパクり）、

#Header {
 height: 578px;
 background: url("../layout/header.png") right top no-repeat !important;
 background: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../layer/header.png", sizingMethod="image");
}

で手を打ってみようかと思案中（まだWinIE6で試してません／Winのある部屋へ行くのが面倒なので）です。

ただ、サンプルとしてUpしてある分は今修正したので、心優しい方は確認して（可能ならスクリーンショットを日記に上げて）もらえるとうれしいです。