サイト改造中。といってもこのblogではなくて静的ページ（普通のHTML）で作っているコンテンツ。上の「旅」とか「短歌」とかのページです。修理に出したPwerBookG4はまだ帰ってきませんが,PowerBookG4 TiでHTMLの編集くらいなら何とか作業できています。ただSafari2の動作確認ができないけれど。Windowsでやってもいいんだけれど、処々のツールが使い慣れているからMacの方が作業が早いんですよね。
まだ改造中なんだけれど、目処は立ってきました。変更点は主に下記の通り。

・全面表示だったのを幅固定に変更
これはダンナの24インチのフルHDディスプレイで見たら、横幅が広すぎてすごく間が抜けていたから。これからディスプレイも大型化するし、幅固定がいいかなと。一応横幅800pxのモニタでも見られるようにつくってます。
写真のページを800px以下の幅固定にするとちょっと物足りなかったので、ここだけ全面表示にしています。このページはバリバリのフレーム切りページだったんだけれど、これを機にフレームを廃止。でもオーバーロール関係なんかは以前の名残がある。手が空いたら直そう。

・別ウィンドウを開く仕様を同一ページ内での遷移に変更
今まで、短歌のコンテンツを別ウィンドウを開くようにしていたのだけれど、タブブラウザが標準的になってきた昨今、別窓を開くのはうっとうしいという結論に達したわけです。
でも短歌のページはtableタグで縦書きレイアウトにしてあって、それをフルCSSにしようと思ったらかなりな問題が発生。JavaScriptも組み合わせてサイト構築しないと無理だということになって、そこまでの労力をそぞぐ気になれなかったので、オーバーフローでインラインフレームを開いてそこに表示させるという邪道な手を使いました。フレームも残ったままです。すみません。
しかし、インラインフレーム内から親ウィンドウへJavaScriptでアクセスできず四苦八苦。「parent.parent.」でいけるはずなのに、Safari以外は動作してくれない。。。格闘すること2時間。原因はインラインフレームから参照しているJavaScriptの外部ファイルの文字コードがインラインフレーム内と異なっていたこと。これで動かなかったのです。そう、改良を加えた作ったページはWordPressに合わせてUTF-8にしていたのだけれど、いじっていないページはShift-JISのままだったのです。

・旅のページのHTMLの見直し
旅のページはなぜかGoogleさんに嫌われているのです。わたしが推測するところによると、画像置換で「text-indent:-9999px;」を使っていること、titleタグの名前が重複しているものが大量にあることなどが原因じゃないかと。
画像置換は「text-indent:-9999px;」を使わないで「padding-top:高さ; hright:0」を使う方式に切り替えました。でもなぜかIE6での表示がうまくいかずここでも試行錯誤。やっとなんとか見られるものになりました。
titleタグは「ページ名：旅行タイトル：トイレのうず／旅」という形にしました。長いtilteは最初が違ったほうがSEO的に有利だと聞いたので。WordPressの方もアップと同じタイミングで変更する予定です。

現在の状況は旅のページを修正中。今後、CSSの変更箇所がなるべく少なくてすむように、コーディングに気を使ってます。あと3日くらいあればできるかな。あとは単純作業なので。
それから気になるのは今入れてるアクセス解析ツールの表示の遅さ。IE6だとかなり待たされる。これ末尾に入れたら少しは変わるのだろうか。それともGoogle Analytics入れようかな。