SSIで様々なブラウザにあわせてスタイルシートを変更
スタイルシートをIEだけに適用する大胆で簡単な条件式というのを見させていただきまして、この記述方法を始めて目にする事に感動しつつ、やはりちょっとソースが汚くなるのが気になったのです。
(※まぁ、そんな、綺麗にソースとか書けませんが)
それより、Google Chromeが登場したり、FireFox3だのOPERA9.6だのが登場して、すごく早いブラウザが首位を争っている第三次ブラウザ大戦(笑)のこの時期に、やっぱりブラウザごとにあわせて、表示させる方法を考えておくべきだと思いましたの
っで、うちでよく使う手法でSSIなら条件分岐的なSSIの制御構文を使って出来そうだったので作って見ました。
【SSIで様々なブラウザにあわせてスタイルシートを変更】
これならスタイルシートをスタイル指定やなんかで部分的に指定出来る上に、
HTMLのソースは元のままで汚さない表示方法かなと。
※ちなみにSSIの制御構文の箇所は、改行無くして一行にしてTITLEのタグの後ろにでも置かないと、やはり数行の空白が出来てしまいます。
これは前に誰かがしていたような気がするんですが、とにかく自分で作れて良かったです。
それにしてもスタイルシートで見に来た人のブラウザのユーザーエージェントにあわせて表示する方法があったとは。
【[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス】
【Conditional classnames】
2004年のIE5の頃から既に!??
【Stylesheet Stylebook:IE用CSSの指定方法】
IEの条件付きコメントというらしい。
【CSS Hackを使わずにIEのバグに対処する方法 - [ホームページ作成]All About】
【[CSS]スタイルシートをIEだけに適用する大胆で簡単な条件式の使い方 | コリス】
【Conditional classnames】
2004年のIE5の頃から既に!??
【Stylesheet Stylebook:IE用CSSの指定方法】
IEの条件付きコメントというらしい。
【CSS Hackを使わずにIEのバグに対処する方法 - [ホームページ作成]All About】
■条件付きコメント
■条件付きコメントの例