うちのテーマは見ての通り、ホダ塾ディストリビューションのhd_defaultをベースにしてるんだけど(かなり手入れたんでフッターの表記消しちゃったんだけど問題あるようでしたらおっしゃってください)、見てくれはオリジナルそのまんまなのでなんか手を入れないとマズイと思っていた。といっても個人的にテキスト指向のホームページが好みなもんで、あまりグラフィックごてごてとか好きではない(というかマシなグラフィックツール持ってないしさ)。で、レイアウト同じでも見た目がガラリと変わる「カラー変更」に手をいれてみた。

いやあ難しいわ、カラーは。微妙な違いで印象ががらりと変わってしまう。美術の成績はよかった方なんだけど、デザインの基礎とかちゃんと学んだ方がいいような気がしてきた。やらなきゃいけないこといっぱいあるなあと感じる今日この頃なのでした。

いや、たとえtableレイアウトとはいえprint.cssを設定するのは常識だからさあ、書いて見た。元になっているdivレイアウトのテーマだと印刷時に隠すものを「display: none;」してやればいい。もちろんそれもやるのだが、tableレイアウトだから左右にカラムの余白が開いてしまうのがまずい。んで、左右のカラムのWidthを0にすることで余白をカット。中央カラムの印刷したい部分だけ用紙一杯に印刷できるようになった。なかなかすっきりした感じで気に入ったりして。

昨日はいかにも簡単にdivレイアウトのテーマになるように書いたけどさ、ゴメン、前言撤回。いやあ、そんな簡単なモンじゃなかった。私が悪うございました、ごめんなさい。

何が駄目かって、IE6だとdivレイアウトは壊滅的に駄目。いや、mixiみたいにきっちりできてるとこもあるんだけど、それにはいろいろ条件がつくんだわ、各カラムの大きさ固定とかさ。自分ではFireFox3使ってるからモダンな書き方したい所なんだけど、IE6ユーザーに「なんじゃこりゃ」と思われるのも歯がゆい。自分でもちょっと意地になっていろいろ試して見たんだけど、試せば試すほどドツボにハマっていって、こりゃ駄目だとなった次第。それとXPressMEみたいに右カラムがつくと挙動不審なモジュールもあるし。でもっておとなしくtableレイアウトに戻った次第なのであった。

といってもちょっと悔しいんで、tableレイアウトはtableレイアウトなんだけど、divレイアウトの要素もかなり取り入れて折衷みたいなテーマになった。まあ、これでちょっといろいろ試して見ることにしよう。