2種類のCSSをページ埋め込みではなく、リンクさせているのですが、NN4.7(Mac、Winともに)ではBadRequest400とでます。(このエラーの意味はわかっています)例)<html><head><title>12345</title><link rel=”stylesheet” href=”../123.css” type=”text/css”><link rel=”stylesheet” href=”456.css” type=”text/css”>(以下省略)なぜ二種類のCSSをリンクすることができないのでしょうか。2種類のCSSを使う方法があれば教えてください。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2003/06/25 23:35:51
  • 終了:--

回答(7件)

id:note No.1

note回答回数8ベストアンサー獲得回数02003/06/26 00:05:15

ポイント40pt

結論から先に言いますと、 NN4.7 では2つの CSS ファイルをひとつのページから読み込ませることはできません。

外部スタイルシートを使う場合、

> 固定スタイルシート:rel属性の値を”stylesheet”とし、title属性を設定しない

> 優先スタイルシート:rel属性の値を”stylesheet”とし、title属性を設定する

> 代替スタイルシート:rel属性の値を”alternate stylesheet”とし、title属性を設定する

(上記URIより引用)

のいずれかの形で指定することになります。

ann-cookie さんの記述の場合は、どちらも固定スタイルシートとして指定されているため、どちらかひとつの CSS しか読み込みません。

(確か後に記述した方が適用されたと思いますが、そのへんはちょっと自信がないです)

対策としては、

1.一方を固定スタイルシート、もう一方を代替スタイルシートとして指定する

2.link 属性で記述するスタイルシートはどちらか一方にして、 @import でもう一方を呼び出す

3.ひとつの CSS にまとめて記述する

の3点が考えられますが、 NN4.7 の場合は代替スタイルシート、 @import のどちらにも対応していないので、必然的に「3.ひとつの CSS にまとめて記述する」しか選択肢が残りません。

id:ann-cookie

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

今回、ディレクトリーの違ったものに、全コンテンツで共有するためのCSSをリンクさせたかったので、一つにまとめることはできないんです。

参考サイトをじっくり読ませていただいて、

一番良い方法にしてみます。

2003/06/26 14:12:15
id:sasameyuki No.2

sasameyuki回答回数5ベストアンサー獲得回数02003/06/26 00:42:29

ポイント10pt

metaタグを追加してみてください。

id:ann-cookie

ありがとうございます。参考にしてみます。

2003/06/26 14:14:54
id:qwhr No.3

qwhr回答回数277ベストアンサー獲得回数12003/06/26 00:52:15

ポイント20pt

ほとんどのバグはここで網羅されていると思いますが、ご質問の内容そのもののバグは見当たりません。というわけでポイントは辞退いたします。

複合してバグが出ていることも考えられますので、各ケースを確認されるのが良いかと思います。

質問中の記述例で気になったのは

href=”../123.css”とHTMLファイルとは別階層にCSSファイルを設置している。

head内にCSSの指定(<meta http-equiv=”Content-Style-Type” content=”text/css”>)がされていいことくらいでしょうか。

個人的な見解ですが、現在のブラウザのシェアから考えるとNN4に対応する必要はないかとも思います。NN4の場合にはCSSを適用しないようにするのも1つの解決策ではないでしょうか。

id:ann-cookie

ありがとうございます。

NN4.7への対応ですが、プライベートなサイトならよいのかもしれませんが、今回の場合はそうではないので。

NN4に関する情報はとても参考になりました。

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

2003/06/26 14:18:05
id:kai_ex No.4

kai_ex回答回数3ベストアンサー獲得回数02003/06/26 01:24:55

ポイント10pt

すみません。urlはダミーです。

申し訳ありませんが、下記の方法でやってみてくださいませんか?

cssを二種類使う方法は一種類と同じ方法で良いはずです。

<link rel=”STYLESHEET” type=”text/css” href=”456.css”>

<link rel=”STYLESHEET” type=”text/css” href=”../123.css”>

ただ、試しにそちら様の例をコピペをしてタグを作ってみたのですが、リンクタグとタイプタグの間(つまり.css”とtypeの間)が全角になってるようですので、win98 IE6でも認識しませんでした。

id:ann-cookie

実験してみましたが、残念ながら他の方のレスにあるとおり、2種類のCSSは読み込めないようです。

XPのIE6では読み込めてます。

2003/06/26 14:26:56
id:GEAR No.5

GEAR回答回数33ベストアンサー獲得回数02003/06/26 03:20:56

ポイント10pt

http://www.w3.org/TR/REC-CSS2/cascade.html#at-import

Assigning property values, Cascading, and Inheritance

外部のCSSファイルをインポートできます。URLはCSS Level2ですが、CSS Level1からサポートされているのでCSSに対応できていれば問題ないと思います。

日本語だとこちらとか。

ただ、NN4.7はCSSの実装がひどすぎるという話なので絶対有効だとはいえませんが、このページを見る限り@importは使えると思います。

NN4.7の使用者自体少なくなっているらしいので、いっそ見捨てるのも手です。

id:ann-cookie

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

2003/06/26 14:29:06
id:gwinzi No.6

gwinzi回答回数148ベストアンサー獲得回数02003/06/26 11:18:16

ポイント10pt

JAVASCRIPTで条件分岐させてりようさせるのがよいかと。URLはその例です。ソースをみてください

<!--

var win = navigator.appVersion.indexOf(”Win”) != -1;

var IE5 = navigator.appVersion.indexOf(”5.”) != -1;

if(win){

document.write(’<link rel=”stylesheet” href=”win.css” type=”text/css”>’);

}

else if (IE5){

document.write(’<link rel=”stylesheet” href=”win.css” type=”text/css”>’);

}

else {

document.write(’<link rel=”stylesheet” href=”mac.css” type=”text/css”>’);

}

//-->

</script>

id:ann-cookie

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

参考サイトの中のどこをみてよいのやら…。

ちょっと探しきれませんでした。

2003/06/26 14:31:12
id:gwinzi No.7

gwinzi回答回数148ベストアンサー獲得回数02003/06/26 11:19:26

http://critical.s6.xrea.com/web/cssselect.shtml#

スタイルシート切り替えスクリプト / CSSメモ

JAVASCRIPTで!

id:ann-cookie

この2種類のCSSは全く異なるものなので、

切り替えて使う、ということではありません。

2003/06/26 14:33:36

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません