人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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を使う方法があれば教えてください。

●質問者: ann-cookie
●カテゴリ:ビジネス・経営 コンピュータ
✍キーワード:CSS Mac WIN エラー リンク
○ 状態 :終了
└ 回答数 : 7/7件

▽最新の回答へ

1 ● note
●40ポイント

http://www.xinada.ne.jp/~handa/tech/CSS/StyleChange/

結論から先に言いますと、 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 にまとめて記述する」しか選択肢が残りません。

◎質問者からの返答

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

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

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

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


2 ● sasameyuki
●10ポイント

http://www6.plala.or.jp/go_west/css2/ref/mthd.htm

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

◎質問者からの返答

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


3 ● qwhr
●20ポイント

http://members.tripod.co.jp/cssbug/detail/nn4x.html

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

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

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

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

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

http://www.remus.dti.ne.jp/~takahisa/flm/OWTXML/NN40x.html

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

◎質問者からの返答

ありがとうございます。

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

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

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


4 ● kai_ex
●10ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

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

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

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

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

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

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

◎質問者からの返答

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

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


5 ● GEAR
●10ポイント

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

Assigning property values, Cascading, and Inheritance

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

http://www6.plala.or.jp/go_west/css2/h.htm

日本語だとこちらとか。

http://www.asahi-net.or.jp/~xk3t-cb/css/CSSBugsJ.html

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

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

◎質問者からの返答

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


1-5件表示/7件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ