先日、IEで1pxずれる時の解決法を試してみたが、根本的な問題が発覚しましたで書いたとおり、根本的な解決策が見当たらないまま数日が経過しております。
先日フラフラと立ち寄った漫画喫茶においても、この問題を再確認するハメになりました。と同時に別な問題も発覚してしまいました…。
IE6なんて大嫌い！
漫画喫茶にあるパソコンで自分のサイトを確認しようと思い、アドレスを打ち込んで表示させたのですが、なんだかサイト中の一部のクリック用のボタン画像が青く変色？していたのです。
これは何だろうと思っていたのですが、ちょっと記憶を手繰り寄せた結果、ピンときました。その画像は.png画像で作成されたものだったのです。
漫画喫茶のIEのバージョンは6でした。これはもしや例のブラウザの解釈の違いかと思い、続いてFireFoxとsafariで確認したのですが、青色にはなっておらず正常に表示されていました。
とりあえずこの問題は、ファイルの拡張子を.jpgに変える事で解決するのですが、これとは別に、やっぱり先日の1ピクセルのずれ問題を再確認…。
IE6とsafariがずれてしまっています（確かそうだったと記憶しています）。
ちょっと考え方を変えてみる
ここで色々考えたのですが、結局私は一度考えをまっさらに戻そう、と思いました。それは本屋でCSSに関する本を色々立ち読みした中で、こんな事が書かれていたからです（※この引用は、複数の本を読み、私が総合的にまとめたものです）。
CSSハックとは、各々のWebブラウザの間で発生しているCSS対応の誤差に悩まされ続けていたクリイエイターたちが、偶然見つけた法則や徹底された解析の結果に築き上げられた、まさに「知恵の結晶」なのです。
なるほど、CSSハックというのも一つの技術なんだな、と思わされました。しかしこの前の記事での、
あくまでバグを利用してのものですので、あまり使いまくらない方がいいです。使わないですむなら、その方が優秀なコーディングですので、最終手段ぐらいに思っておきましょう。
という考えにも共感できるし、どうしようか？となってしまったのです。
これは憶測なのですが、本屋で見た前者の内容を書いた人たちはデザイナーよりで、後者のネット上で見た意見はシステム技術者よりの、それぞれの立場だから感じている見解なのではなかろうか？
あくまで憶測なので全然検討違いだったらすみません。なかろうか、って言いたかっただけです。
最終的に私は、「中央寄せの根本的な問題が解決して、そこにCSSハックを併用し完全解決したとしても、それでいいのかな？」という疑問が生まれたのです。
CSSの解釈の違いは年々解消されてきているそうですが、それがいつ、どの部分が、どのように解消されたかを日々チェックし、その度に一つ一つCSSハックを消していくのはとても面倒なことのように感じます。
多分消さないとCSSハックのせいで今度は1ピクセルずれたりするのでしょう。その度に色々なブラウザで確認するのかな...orz
なんにしても私は、デザインも、コーディングも、記事作成も、サイトに関わる全てを担当しているので、総合的に判断し、CSSハックの勉強、チェック、というものにあまり時間を割きたくないのが本音です。
そうこう考えている内にある一つのアイディアが浮かびました。これは、CSSハックをせずに、尚且つどのブラウザであろうとも1ピクセルもずれない方法です。
但し、条件付きですが。長くなってしまったので次の投稿で紹介します。