最近Webデザインをしていてよく思うのが、CSSの奥深さです。
CSSの解釈がブラウザごとに若干解釈が違ったりバクの関係で頭を悩ませることがあります。
InternetExplorer７（IE7）ではきちんと表示されるけど、一つ前のバージョン６ではきちんと表示されないなど・・・・。
最新のIE7やFirefoxやOperaでは、頭悩ませることが減ったのですが、文字の表示の仕方に違いがあります。しかし、やはり一番の曲者はIE6です・・・(T□T)
最近ではやっと自動アップデートでIE7を使う方が増えたようですが、それでもIE6やそれ以前を使われている方も多数いるようです。
私のサイトのDigitalTradesではIE6ではきちんと表示されません。
本来CSSハックを行いIE6でも表示させれるようにする必要があるのでしょうが・・・。
本来は使わないにこしたことないので、皆さ～～～ん！IE7にアップデートしましょうΣ(＝д＝ノ)ノ
・・・これ書いたらやろ～かな～(;つД｀)
ま～そんなわけで今回はCSSハックについて書いてあるサイトをピックアップしました。
- CSSハックの要点だけ書いてあり、バージョンによるハック方法の違いをシンプルに書いてあります。
http://blog.worldending.jp/archives/2006/07/css.php -
こちらのサイトもシンプルに書いてあるのですが、一緒にプレビューがあるのでIETesterなどで確認ができます。
http://d-lover.com/css/hack.shtml -
このサイトでは良いハックと悪いハックを区別して紹介してあります。
http://www.hamashun.com/blog/2007/02/css_5.html -
CSSハックを使わずにIEのバグに対処する方法が記載されています。
IEでのみ表示がおかしくなる場合の対処方法です。
http://allabout.co.jp/internet/hpcreate/closeup/CU20070412A/ -
フォントサイズに関するCSSハックを紹介しているサイトです。
http://realog.org/2007/01/20/2217.html
CSSにはハックの他にも画像を使わずに角丸を表現したり、スクロールバーを表示させなかったり、テキストにグラデーションをかける方法など様々な使い方がまだあるのですが、今回は省略します。
CSSハックが無くなる日が来ることを願って・・・Σ(＝д＝ノ)ノ
ってか誰か、CSSファイルをハック用に自動変換してくれるアプリとか作ってくれないの？？
divタグ多すぎてする気になれない...
やっぱムリか・・・(T□T)
