縦に罫線を引くのに2時間ナリ
夜更かしして新しいトップページをそれらしくデザインしていました。“シンプル＆メンテフリー”が今回のテーマですが、縦の罫線を引くのに2時間もかかってしまいました。
正攻法だと、罫線は縦方向には引けません。ではどうするかというと、横1ドット×縦400ドットといった縦長の画像を貼り付けることで、罫線を引いたかのように見せるのです。もっとも、実際には1×1ドットの画像をHTMLファイル上で縦長に引き伸ばすのが一般的です。高槻の場合、扱いやすくするため元の画像を10×10ドットにしていますが。。
ところで、その縦400ドットを「○ドット」といった固定の数字ではなく「100%」と指定したかったのです。トップページはいわばテンプレートであり、ほかのページに流用しますので、なるべく一般論的な作りにしておくのが美しいです。脱初級者の高槻にはこれが難関でした。
「100%」と設定したファイルをプレビューすると罫線が消える。。なぜだろう。。散々調べて、散々試して、やっとわかってきました。その縦長の画像を表の中に表示させていたのですが（この手法も一般的）、ホームページビルダーを使う限り？どうやらその表の高さを何かしらの「%」で指定する必要があるみたいなのです。もう手探り状態です。
こうしてウィンドウズ＋IE6では何とか縦罫を表示できました。しかし、マックやネスケでどう見えるのか？？？です。現に、マックでトップページを見ると、バックカラーが白ですし(^^)
ちなみに横方向の罫線も横長の画像を貼り付ける格好にすると、デザインはきれいです。
後でラクをするために、いま苦労することにします。