WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ブラウザ別css

0:[投稿] ひろ [URL] [2002/08/24 12:04 ][環境:WIN+IE わからない]

ブラウザ別にcssを読み分ける方法を考えています。

#1

例えばJavaScriptで
if(document.getElementById)
    css="ie5_n6";
else if(document.all)
    css="ie4";
else if(document.layers)
    css="n4";
document.write("<link rel=\"stylesheet\" type=\"text\/css\" href=\"home\/"+css+".css\">");

のような方法を考えました。簡単にテストするとうまくいったのですが、実際に組み込むとなぜかN4ではうまくいきません。(リロードすると読み込むようですが?)
さらにJavaScriptを使用しない環境だとcssを全く読み込みません。

#2

もう1つの方法で
LINK要素のmedia属性のつけ方でN4にcssを読み込ませないようにする方法も聞きました。

<link rel="stylesheet" type="text/css" href="home/common.css">
<link rel="stylesheet" type="text/css" href="home/ie_n6.css" media="all">

しかし、この方法もN4を意識した設定をした場合にもうひとつのcssでこれをすべて打ち消す設定をしなければいけなくなります。(ファイルの読み込みもより多くなります。)


良い方法やサイトがあれば教えてください。

さらにできればユーザーがcssを選択できるようにできればとも考えています。


1:[回答] あ [2002/08/24 12:57 ]

N4で打ち消すなら@import url(hoge.css);で、読ませないようにするとか。


2:[回答] ひろ [2002/08/24 13:35 ]

ありがとうございます。

それもありましたね。でもLINK要素のmedia属性の...とほぼ同じ効果だと思います。


3:[回答] あ [2002/08/24 13:50 ]

>さらにできればユーザーがcssを選択できるようにできればとも考えています。

JavaScriptがご所望でしょうか?
ログにそれらしき質問が出ていたのを見ましたので、探してみてください。

別の方法でならば、私の知っているサイトにCGIを仕様しているサイトがありました。
http://red.sakura.ne.jp/~nawa/help.shtml#style


4:[回答] だいなみっく洗濯機 [2002/08/24 13:50 ]

http://www.hajimeteno.ne.jp/cgi-bin/tree_bbs/bbs.cgi?num=7323&ope=sel&id=
取り敢えず。


5:[回答] あ [2002/08/24 14:07 ]

わちゃー、クロスポストか。。


6:[回答] ひろ [2002/08/24 15:42 ]

ありがとうございます。

過去のログは見たのですが、ブラウザ分岐スクリプトでのN4.xでの対策がわかりません。

CGIについては無知故によくわかりません。

>クロスポスト

よりたくさんの意見が聞きたくて他のサイトにも投稿しました。
両方を見てしまった方、すみません。


7:[回答] あ [2002/08/24 16:53 ]

http://www.google.co.jp/search?sourceid=navclient&hl=ja&q=css%90%D8%82%E8%91%D6%82%A6%81%40javascript


8:[完了] ひろ [2002/08/24 17:34 ]

ありがとうございました。

まだ読んでないのですが、いろいろ役に立ちそうなサイトがありますね。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World