No.541 でも書いた通り、この e日記の模様替えをしている。
数日前に、何とか最低限の形になり、それをプログラムで自動的に排出するコードも書いたが、右側にインデックスを設けたものの 今度はどうもデザインが若干気になってきた。「デザイン」と言うほどセンスは無いが、それでもブラウザの種類による表示の差、ブラウザの表示の大きさを変えた時の見た感じがイマイチだった。
技量も足りないのに、大上段に振りかぶって CSSで段組みとかを取り込んだせいで、ちょこっとパラメータ等をいじると途端に表示が崩れたり、ブラウザのウインドウの大きさを変えるとリスト部分のブロックが追い出されてしまったりと、思うようにならなかった。CSSというHTML上で文字や図の配置・表示形態を記述する規格を良く理解しないで、カットアンドトライでやっているもんだから折角 1日かけて整形した部分が、他のパラメータを変えた途端にガタガタになってしまい、しかも何カ所かいじった後に気付くと、もう元にも戻せない・・・と言うようなことの繰り返し。それに加えて、ブラウザが異なると もう方言同士で話をしているようなもので、一方である変化をするパラメータがもう一方では全く異なった変化をしたりと、もう頭の中がグチャグチャになりそう。
元々、Webにあったテンプレートのようなページを参考にして作った雛型だったが、一昨日、それに自分で考えながらカットアンドトライすることはもう止めて(最初からそれほど考えていたわけではないが)、もう一度最初から Webで検索し直してみた。
何度か 単語を変えて検索する内に比較的 やりたいことに近いページをやっと見つけて、それを土台に、今までのカスタマイズ部分を盛り込んだ。
やりたかったのは、最上段のバーをスクロールしないように固定しておいて、その下の左側に可変幅でメインの日記文を表示させ、右側にインデックスとなるリストを固定幅で表示させ、スクロールすると上記のトップバーの下に日記やリストが潜っていくように見えるというもの。左側に固定幅のブロックを配置するのはその右に来るブロックの左端隅の位置も固定数値となるので比較的簡単なんだが、それを右側に変えた途端、左のブロックの幅が変化するので同等の技量では難しくなる。難しいからと言って、楽な方に迎合？しない私の性格がここでも災いしていることは十分承知しているんだが。
お世話になったのはこのページ。キモは「マイナスマージン」というちょっと意表を突くパラメータの設定だった。(詳細はまた別ページを立てる予定)
こうしたマークアップの基準の全てが人間がペンで書く動作に倣って「左」「上」からという基準になっているんだが、これも西洋文化の弊害かもしれない。日本の筆の文化は「右」「上」からという文化。ブロックの配置も「左上隅」基準だけでなく、「右上隅」基準のパラメータ設定が出来るような親和性、あるいは文化多様性との共存が考えられているといいのに、と自分の技量の無さを棚に上げて勝手に思った。