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
■条件付きコメント


■条件付きコメントの例

ブックマークに追加する
2008/10/18(Sat) 17:10:12 | Web制作

New Entries

スポンサード リンク

Link

Comment

Categories

Archives(107)

Search

Profile