2006 -10-24 ( Tue )

More

WEB上の便利な「チップス」や「ハック」を安易にコピペするのではなく、それを通して複数のCSSデザインを身につけていくのは、とても大切なことです。

理由はみりばーるさんが書かれている通りで、ひとつの方法があるブラウザでうまくいかなかった場合、別の実現方法を試してみる対応力が身に付くし、結果的にCSSによるサイトデザインの高速化→WEB標準サイトへの移行のしやすさにつながっていくからです。
まあ実際の業界では「WEB制作・更新をするのは永久に作者本人だけ」なんて状況は滅多にないですし、なかなか理想どおりには行かないけど（＾＾；特にブログデザインのバリエーション、コードの軽量化にはこの辺の引き出しが大きく影響してくるように思います。

---

で、「てんぽ」のデザインの話です。
2006年10月現在、てんぽのレイアウトはfloatを使った右メニュー・可変デザインになっており、右メニューの背景色は帯状に一番下まで伸びています。

この改装をしたときにみりばーるさん自身もちらっと書かれたのですが、これは、一般に知られているCSSレイアウトでは背景に画像を敷かなければ実現できません。
普通にfloatによる回り込みをするとメニューの帯は途中で切れてしまうし、positionによる絶対値指定だとメニューが本文より長くなったときにメニューが画面下をブチ抜いてしまいます（´Д｀；

それをどうやって画像なしでレイアウトしているか…
というのは私がここで答えだけ書くのは失礼ですんで「てんぽ」にお邪魔して確かめてみてください。
今いちばん普及して欲しいなと思っているCSS技術のひとつです。

え〜と…答えを書いちゃうのと人んちのソース見れって言うのとどっちが失礼なんだorz

普段からきちんと研究し、何故こうなるのか考えていると、こういうときに引き出しを生かすことができるのだなと感嘆してしまいます。