KumarinX Kaneko Ryogen Jean Michel Kaneko Photography MacOSX
読者です 読者をやめる 読者になる 読者になる

IE7 に対応しました

Blog Computing & Mobile, OSX

うちのサイトもIE7 に完全対応させました

 今回 IE7 の登場でマイクロソフトのブラウザがようやく png 形式の画像をワザを用いなくても表示出来るようになった。これを期にデザインを一新して css の定義もはじめから見直してこのサイトを訪れてくださる多くの Winows ユーザも MacSafari.app と同じように見えるようにしました。

 f:id:lovelovebear:20070605102824j:image:w140 f:id:lovelovebear:20070605102822j:image:w140 f:id:lovelovebear:20070526221845j:image:w140

  1. IE7 でのスクリーンショット
  2. Mozilla Firefox でのスクリーンショット
  3. 参考までに Safari 2.0 のスクリーンショット

 特に Xoops ではどうしても組み込まれてしまうテーブルタグまわりを徹底的に見直してレイアウトの崩れをなくすように努力してみた。全体のデザインは artNOMAD さんの新作を利用させていただきながら、ウェブログ用の WordPress とエッセイ・雑文用の News モジュールは複雑化しすぎた PHP テンプレートを一度まったくのオリジナルに戻しテンプレートファイルでのスタイルの書き込みを一切やめて、各モジュールのテンプレートのデザインをすべて css に構造化して書き込む手法をとってみました。

 今回は Safari.app でしか表示できなかった文字に影をつけるスタイルはやめた。タイトルの画像部分は png 形式の画像にして影文字をつけリンクはクリッカブルマップというなんとも古風なテクニックを使った。IE Windows 版の訪問者が圧倒的に多いので当分これで行きます。