• 締切済み

ブラウザ毎の対処 Win ie5-5.5

xml宣言なしのXHTML 1.0 Transitionalでコーディングをしています。 下記の記述で Win ie5-5.5のみ専用のCSSを読み込むようにしているのですが なぜか通常で適用するCSSが読み込まれてしまい Win ie5-5.5専用CSSが動作していないようなんですが 下記の記述に何か問題があるのでしょうか? アドバイスいただけると助かります。 @charset "utf-8"; /*Mac ie5読み込み阻止対策\*/ @import "reset.css"; @import "default.css"; @media tty { i {content : “\”;/*” “*/}} @import ‘win-ie5-55.css’; /*”;} }/* */ /*Mac ie5読み込み阻止対策*/

  • CSS
  • 回答数1
  • ありがとう数0

みんなの回答

noname#83877
noname#83877
回答No.1

まず、IE5~5.5のハックを使ったとしてもdefault.cssは読み込まれます。 あくまでも上書き用なので。 "が大文字になっているようですが、文字化けでしょうか。(もしかしたらこれも文字化けするかもしれませんが・・・) @media tty {i{content:"\";/*" "*/}} @import ' win-ie5-55.css '; /*";}}/* */ ファイル名のハイフンが問題を起こしている可能性があります。 アンダーバーにしたりしても解決しませんか?

関連するQ&A

  • 「Win IE5」と「Win IE5.5」でCSSを振り分けたい

    「voice-family: "\"}\""; voice-family:inherit;」のように、 JavaScriptを使わないでCSSを振り分けたいのですが、 「Win IE5」と「Win IE5.5」でCSSを振り分けたい場合、どのように記述したらいいでしょうか。 調べてみたのですがわかりませんでした。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Win IE5.5~6.0での余白に関するバグ

    最近やっと完全スタイルシートによりコーディングをマスターする為に勉強を始め何とかある程度形になるまでコーディングが出来たのですが Win IE5.5と6.0でバグが発生してしまいました。 幅532pxのボックス内に532pxの画像を配置した所右側に1px~2pxの無駄な余白が出来てしまうのです 他のモダンブラウザーでは全て平気なのですがIE5.5と6.0でこの現象が発生してしまいます。画像を添付しましたので症状を見てください。 それと下記アドレスに現在製作中のHTMLファイルとCSSファイルをアップしてありますのでお暇な時にでも覗いていただきアドバイスいただきたくおもいます。 宜しくお願いします ■HTML http://sangoclip.web.fc2.com/test/ ■CSS(レイアウト用) http://sangoclip.web.fc2.com/test/shared/css/default.css ■CSS(デフォルトCSSクリアー用) http://sangoclip.web.fc2.com/test/shared/css/reset.css

    • ベストアンサー
    • CSS
  • MacのfirefoxでCSSが読み込まれない件

    初めまして。 現在XHTML+CSSでサイトを製作しているのですが、ブラウザチェックの段階で、「MacのFirefox」だけCSSを読み込んでくれません。 MacのOPERA、SAFARI WinのFirefox、IE は問題なかったのですが、Macのfirefoxだけダメなんです。 記述は「@import」ですが、個別設定(3つのCSSファイルを個別にhtmlに指定)もやってみましたがダメでした。 このような事態になった方はいらっしゃいますでしょうか? どうか、助けてください、よろしくお願いします。

    • ベストアンサー
    • Mac
  • IEとIE以外のブラウザで表示内容を変えたい

    初めて質問させていただきます。情報に不足があったらすみません。 追加表示させていただきます。 色々調べましたが、Javascriptで、どうしても、実現できないので、 どなたか、ご教授いただけませんでしょうか・・・。 XHTMLのファイルだと、IEだとちゃんと表示されないので、 IEとIE以外のブラウザで下記のようにリンク先ファイルの種類をかえたいとおもっています。 (1)IE以外 : A.html これは → <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (2)IE :B.html これは→ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> クリックするとリンク先が開くヘルプファイルのようなものなのですが、 ブラウザによって、クリックしたときに開くHTMLファイルを変えたいのですが 可能でしょうか・・・。 色々調べましたがどうしてもわかりませんでした。 どなたかご教授いただけたら、本当にとてもありがたいです。 どうぞよろしくお願いします。

  • 以下のcss(css ハック?)を解説していただけませんか?

    以下のcss(css ハック?)を解説していただけませんか? 以下のようなcssの記述をみつけたのですが、意味がさっぱりです。 @media tty { i{content:"\";/*" "*/}}@m; @import '/css/cmm/ie55win3.css'; /*"; } }/* */ なお、 ●tty というmediaは、「固定幅の文字グリッドを用いたメディア、例えば、テレタイプ、端末、表示能力に制限のある携帯デバイスなどを示す。このメディアでは、画素単位 px は使えない。」ということ。 ●@media 規則 ⇒  「@import と似たようなものに、 @media があります。これを用いると、一つのスタイルシートに、複数のメディアタイプに対する規則を記述することが出来ます。」 ということは分かっています。 ですが、それをわかっていても、上のcssの記述の意味がわかりません。 以上、よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • cssがIE6で適用されない理由は

    教則本を見てcss/xhtmlでサイトを作ったのですが、 (教則本がIE7以降対応だった為) safari firefoxd IE7では表示がうまくいくのですが、 IE6では全くcssが適用されないです。 少し調べたところこの辺の記述に問題があるのかなと思っています。 誰か教えて下さい。 ............................................................................... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="jap" lang="jap" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> ....................................................................

    • ベストアンサー
    • HTML
  • ie6で画像のpaddingを表示させたい

    seesaaブログユーザーです。 seesaaはxhtmlで記述しているようでソースの先頭は 1:<?xml version="1.0" encoding="Shift_JIS"?> 2:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (1:は一行目, 2:は二行目であることを表しています) のようになっています。 これを 1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> もしくは 1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2:<?xml version="1.0" encoding="Shift_JIS"?> としても問題ないのでしょうか? と、質問させていただいた理由は 画像に枠をつけたいと思って、cssでimgにpaddingを指定したのですが ie6では表示されないのでこれを何とかしたいからです。 http://www.koikikukan.com/archives/2006/03/11-015552.php の記事を参照してわかったのですが、 この状態ですと画像のpaddingがie6では適用できないのですね。 そこで、記事にあるようにdoctype宣言を先頭に持っていくと ie6でも表示されるようになりました。 ということで、 「<?xml version="1.0" encoding="Shift_JIS"?>」 の扱いについて質問させていただきます。

    • ベストアンサー
    • XML
  • 全てのブラウザで崩れないCSS

    XHTML+CSSでウェブサイトを構築している者です。  サイトがある程度出来上がってきて各ブラウザでチェックをしていたのですが、検索エンジンのキャッシュで崩れていた事に気づきました。  崩れた原因を調べ、なんとか対応したのですが、FirefoxのGoogleキャッシュは崩れずIE7のGoogleキャッシュでは崩れています。  そこで、ブラウザ、OS、検索エンジンキャッシュで見ても崩れない(ブラウザごとの多少の違いはあると思いますが)CSSの決まりがあれば知りたいと思いました。  無料ブログサービス(アメーバ等)のデフォルトテンプレートはどんな環境でみても崩れないと聞いたことがありますが、可能なのでしょうか…  ■作成したサイトをチェック→ブラウザ XHTML 標準モード+CSSハック使用 ・Win Firefox 2 3 ○ ・Win IE 6 7 ○ ・Win IE 5以下 CSS無効 ・Mac IE 5 CSS無効 ・Win Opera 9 ○ ・Win Safari 3 4 ○ ■作成したサイトをチェック→キャッシュページ 後方互換モード ・FireFox3でGoogleキャッシュを見たとき→○ ・IE7でGoogleキャッシュを見たとき→崩れる  原因はIE7の後方互換モードに対応できていないことだと思います。  IE7後方互換モードに強いサイト等を紹介してもらえたら嬉しいです。 よろしくお願いします!

  • CSSでの中央寄せにかんする疑問

    .main { margin:0 auto; width:1000px; } とCSSファイルに記述することにより中央よせをしようとしています。 IE8以外のブラウザでは中央に寄るのですが、IE8では実現しません。 実はこのCSSの記述は私が以前作成したサイトからコピーしていて、そのサイトではすべてのブラウザで中央に寄っています。 今回作成したサイトではこのようなトラブルに陥りました。 で、苦し紛れでDOCTYPE宣言を <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> から <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> に変更したらIE8でも中央に寄りました。 なぜ、このようなことになったのでしょうか? 教えてください。 よろしくお願いします。(Apacheのバージョンとかがかかわっている?)

    • ベストアンサー
    • HTML
  • 自分が書いているCSSのバージョンが分からない

    XHTML1.0 StrictまたはTransitional+CSSで制作をしていてCSSのバージョンで疑問があります。 CSSにはCSS1~3まであるようで 自分が今記述しているCSSがバージョン何で書いているのかが分かりません。 CSSのサイトや書籍を手にしてスタイルシートCSSを書いていっているんですが そこにはCSSバージョンなんて書いてないんです。どうやったらわかりますか? 書籍はHTML/XHTML&スタイルシート レッスンブック(ソシム)を使っています。 【具体的な疑問】 自分がコーディングしているCSSのバージョンとは このようにセレクを指定したらこのバージョン、こう記述したらこのバージョンって言う風に自分で意識するものなのですか? てことは、自分が書いているCSSがCSS1とCSS2が混在したような書き方をしている場合も あるってことですよね?

専門家に質問してみよう