スタイルシートを使うようになってかなり減ったが、昔の名残でまだいくつかのページでは、table要素でレイアウトされている。 100枚以上ある過去のページを書き換えるのは大変なので、放ったらかしにしていたのだが、XHTML Mobile Profileの適用で、table要素の入れ子が出来なくなってしまった。
TABLE要素は、携帯などの小画面で閲覧しにくい面もある。 「ホームページビルダー」では、tbody要素が無いと怒られてうっとしいので、table要素は少ない方が好ましい。 ここでようやく重い腰を上げて、TABLEレイアウトを撤廃することにした。
※誤解の無いように初めにお断りすると、表としてのtable要素の使用を問題にしているのではなく、段組などレイアウト目的での使用をやめる、という意味である。
さて、『What a Wonderful World』内でTABLEによってレイアウトされているページは、
１．トップページ（index.html）
２．整備記録の各記事
３．ツーリング・オフ会レポートの各記事
である。
１．については、XHTML 1.1化の時にフレームを廃止した代わりに、TABLEでレイアウトしたのだった。 携帯で見辛いので、いずれなんとかしなければと考えていた。
２．は基本的に１列なので、DIVに置き換えることも難しくない。 しかし枚数が100枚以上あるので、ちょっと大変である。
３．は横２列なので少し難易度が高いが、枚数は50枚ぐらいである。
基本的な考え方は、携帯で見たときは縦１列に並べられるようにするということである。 スタイルシートを外した状態で、携帯で見て適切に閲覧できるのが理想だ。
とりあえず１．は変更済みで、２．が25枚まで終わったところ。 あと４日くらい掛かりそうだ。
３．についても、技術的にはクリアできているので、TABLEレイアウトの撤廃は時間の問題だろう。